template blog fix video styling

blog/.template/index.html

@@ -22,7 +22,7 @@
 <!-- header/info section -->
 <div id="introduction" class="terminal">
     <div class="term-titlebar">
-        <img src="../assets/terminal.svg">
+        <img src="../../assets/terminal.svg">
         <p><a href="#introduction">~/introduction</a></p>
         <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
     </div>
@@ -35,7 +35,7 @@
 <!-- actual posts. preferably list them by date posted. -->
 <div id="article" class="terminal">
     <div class="term-titlebar">
-        <img src="../assets/terminal.svg">
+        <img src="../../assets/terminal.svg">
         <p><a href="#article">~/article</a></p>
         <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
     </div>

blog/.template/style.css

@@ -141,6 +141,10 @@ font config, Lexend Deca
     font-style: bold;
 }
 
+* {
+    overflow: auto;
+}
+
 /*
 background wallpaper, font
 */
@@ -376,7 +380,8 @@ modify widths and spacing depending on the size of the display
         margin-bottom: 0.7em;
         padding: 10px 16px;
     }
-    .socials-contacts-list {
-        grid-template-columns: repeat(1, 1fr);
+    video {
+        max-width: 20em;
+        max-height: 30em;
     }
 }

style.css

@@ -150,6 +150,10 @@ font config, Lexend Deca
     font-style: bold;
 }
 
+* {
+    overflow: auto;
+}
+
 /*
 background wallpaper, font
 */