diff --git a/buttons.css b/buttons.css deleted file mode 100644 index da7c2c0..0000000 --- a/buttons.css +++ /dev/null @@ -1,76 +0,0 @@ -.subscribe-button { - background-color: rgb(200, 0, 0); - color:white; - border: none; - border-radius: 2px; - cursor: pointer; - margin-right: 8px; - margin-left: 20px; - padding-top: 10px; - padding-bottom: 10px; - padding-left: 16px; - padding-right: 16px; - transition: opacity 0.15s; - vertical-align: top; -} -.subscribe-button:hover{ - opacity: 0.8; -} - -.subscribe-button:active{ - opacity: 0.5; -} - -.join-button { - background-color: white; - border-color: rgb(6, 95, 212); - border-style: solid; - border-width: 1px; - color:rgb(41, 118, 211); - border-radius: 2px; - cursor: pointer; - padding-top: 9px; - padding-bottom: 9px; - padding-left: 16px; - padding-right: 16px; - transition: backround-color 0.15s, - color 0.15s; -} - -.join-button:hover{ - background-color:rgb(6, 95, 212); - color:white; -} - -.join-button:active{ - opacity: 0.7; -} - -.tweet-button { - background-color: rgb(29, 155, 240); - color: white; - border: none; - height: 36px; - width: 74px; - border-radius: 18px; - font-weight: bold; - font-size: 15px; - cursor: pointer; - margin-left: 8px; - vertical-align: top; -} - -.tweet-button:hover{ - box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15); - transition: box-shadow 0.15s; -} - - /* color = text color*/ - /*Backround-color is Property and red is color*/ - /*rgb is more precise color*/ - /*All max num = 255 is white and 0 is black*/ - /*tranistion makes opacity fade smoothly*/ - /*pointer = hand on button*/ - /*border-radius = rounded corners*/ - /* px = pixels*/ - /* Hover = pseudo class*/ \ No newline at end of file diff --git a/buttons.html b/buttons.html deleted file mode 100644 index a336a3c..0000000 --- a/buttons.html +++ /dev/null @@ -1,89 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/text.css b/text.css deleted file mode 100644 index 54d73a4..0000000 --- a/text.css +++ /dev/null @@ -1,54 +0,0 @@ -p{ - font-family:Arial; - margin-top: 0; - margin-bottom: 0; - /*This all applies to each class*/ -} - -.video-title{ - font-weight: bold; - font-size: 18px; - width: 280px; - line-height: 24px; - margin-bottom: 5px; - /*font-family customizes font from default Times New Roman*/ -} - -.video-stats{ - font-size: 14px; - color: rgb(96,96,96); - margin-bottom: 20px; - /*This selector is more specific than p{} so it takes priority and shows in final output*/ -} - -.video-author{ - font-size: 14px; - color: rgb(96,96,96); - margin-bottom: 20px; -} - -.video-description{ - font-size: 14px; - color: rgb(96,96,96); - width:280px; - line-height: 22px; - margin-bottom: 100px; -} - -.apple-text{ - margin-bottom: 50px; - font-size: 14px; - background-color: rgb(227,65,64); - color: white; - text-align: center; - padding-top: 18px; - padding-bottom: 18px; -} - -.shop-link{ - cursor: pointer; -} - -.shop-link:hover{ - text-decoration: underline; -} \ No newline at end of file diff --git a/website.html b/website.html deleted file mode 100644 index 7c50ded..0000000 --- a/website.html +++ /dev/null @@ -1,8 +0,0 @@ - -

paragraph of text

- - -> -Link to YouTube - - diff --git a/youtube.html b/youtube.html deleted file mode 100644 index c431be1..0000000 --- a/youtube.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - Youtube.com Clone - - - - - - -

- Talking Tech and AI with Google CEO Sundar - Pichai! -

- -

- Marques Brownlee -

- -

- 3.4M Views · 6 months ago -

- - \ No newline at end of file