idk what to do 2024 may 6

index.html

@@ -53,13 +53,11 @@
 	-->
 
 		<div id="site_canvas" style="
-			width: 48%;
+			width: 800px;
 			height: 100%;
 			
-			position: fixed;
-			left: 50%;
-			top: 50%;
-			transform: translate(-50%, -50%);
+			margin: auto;
+			margin-top: 2%;
 			
 			/*background-color: rgba(255, 255, 255, 0.25);*/
 		">
@@ -148,7 +146,7 @@
 
 					<div id="flintastic_projects" style="width: 50%; height: 108%; float: right;">
 						<div style="margin-bottom: 50px;">
-							<iframe width="53.5%" height="39.25%" src="https://www.youtube.com/embed/84h1hGctXz0?si=2N8ewHNWgcWT4VSH" title="A FLINTASTIC MOVIE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="margin-top: 40px;"></iframe>
+							<iframe width="214" height="157" src="https://www.youtube.com/embed/84h1hGctXz0?si=2N8ewHNWgcWT4VSH" title="A FLINTASTIC MOVIE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="margin-top: 40px;"></iframe>
 							<img src='/assets/tv.png' style="position: absolute; right: 0; top: 0; pointer-events: none;"/>
 						</div>
 
@@ -210,7 +208,6 @@
 							<a href="https://youtube.com/flines" style="color: #eeeeee; font-family: 'Pixelated MS Sans Serif'; margin-left: 2px;">youtube</a>
 					</div>
 				</div>
-
 				<hr class="solid" style="width: 62.5%; color: white; margin-top: 32px; margin-bottom: 32px;">
 
 				<!-- STAMPS -->