final touches

.gitignore

@@ -19,3 +19,5 @@ pnpm-debug.log*
 
 # macOS-specific files
 .DS_Store
+
+.vscode

src/components/aboutme.astro

@@ -1,7 +1,7 @@
 <div
   id="aboutme"
   class="window"
-  style="width: 70%; height: 45%; position: absolute; left: 15%; top: 22%; display: none;"
+  style="width: 70%; height: auto; position: absolute; left: 15%; top: 22%; display: none;"
 >
   <div id="aboutmeheader" class="title-bar">
     <div class="title-bar-text">About Me</div>

src/layouts/Layout.astro

@@ -23,26 +23,35 @@ const { title } = Astro.props;
 </html>
 <style is:global>
 	* {
-
 		/* windows 98 look */
 		font-smooth: never;
 		-webkit-font-smoothing: none;
-		-moz-osx-font-smoothing: none; 
-		
+		-moz-osx-font-smoothing: none;
+
 		image-rendering: pixelated;
 
 		font-family: "Pixelated MS Sans Serif", Arial !important;
-
-
-
 	}
-	body {
+	body, html {
 		background-color: #008080;
+
+
+		/* PLEASE DONT RESIZE PLEASE */
 		max-width: 100vw;
 		max-height: 100vh;
-		overflow-x: hidden !important;
+
+		width: 100%;
+		height: 100%;
+
+		overflow-x: hidden;
 		overflow-y: hidden;
-		/* position:relative */
+
+		scroll-behavior: none;
+
+		resize: none;
+
+		overscroll-behavior-y: contain;
+		touch-action: none;
 	}
 
 	.title-bar {