Better scale YouTube videos

1 files changed, 10 insertions, 5 deletions

diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css
index 77b2f8da..00e0b447 100644
--- a/pydis_site/static/css/home/timeline.css
+++ b/pydis_site/static/css/home/timeline.css
@@ -33,7 +33,7 @@ button, input, textarea, select {
     position: relative;
     width: 100%;
     height: 0;
-    padding-bottom: 56.25%;
+    padding-bottom: 75%;
 }
 .video {
     position: absolute;
@@ -3463,9 +3463,14 @@ mark {
     box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05)
 }
 
+.cd-timeline__img i {
+    font-size: 1.5em;
+    color: white;
+}
+
 .cd-timeline__img img {
-    width: 24px;
-    height: 24px
+    width: 30px;
+    height: 30px;
 }
 
 @media (min-width: 64rem) {
@@ -3477,14 +3482,14 @@ mark {
         margin-left: calc(5% - 30px);
         will-change: transform
     }
+
     .cd-timeline__block:nth-child(even) .cd-timeline__img {
         margin-right: calc(5% - 30px)
     }
 }
 
 .cd-timeline__img--picture {
-    background-color: hsl(111, 51%, 60%);
-    background-color: var(--cd-color-4)
+    background-color: #7289DA;
 }
 
 .cd-timeline__img--movie {