youtube videos

2023-06-20 09:43:58 -04:00
parent e6e92e5b73
commit f46b1f0090
3 changed files with 21 additions and 1 deletions
--- a/main.css
+++ b/main.css
@@ -465,6 +465,10 @@ h1 {
    #head-marker {
        margin-top: 30vh;
    }
+
+    iframe {
+        --video-width: 90vw !important;
+    }
 }

 #content > p {
@@ -532,4 +536,16 @@ h1 {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
+}
+
+iframe {
+    --video-width: 50vw;
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    box-sizing: border-box;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    width: var(--video-width) !important;
+    height: calc(var(--video-width) * 9/16) !important;
 }