thank you sir

src/components/app.astro

@@ -24,7 +24,6 @@ let itemName = app.name.replace(" ", "");
 	h3 {
 		font-weight: 300;
 		/* font-family: Arial, sans-serif; */
-		font-family: "Pixelated MS Sans Serif", Arial;
 	}
 
 	a {

src/components/projects.astro

@@ -33,7 +33,7 @@ console.log(projects);
 						>
 							<img src={scriptIcon.src} class="w-auto h-16" />
 							<h3
-								class="font-sans text-lg"
+								class="text-lg"
 								style="white-space: normal; overflow-wrap: break-word; text-align: center;"
 							>
 								{item.title}

src/layouts/Layout.astro

@@ -22,6 +22,20 @@ const { title } = Astro.props;
 	</body>
 </html>
 <style is:global>
+	* {
+
+		/* windows 98 look */
+		font-smooth: never;
+		-webkit-font-smoothing: none;
+		-moz-osx-font-smoothing: none; 
+		
+		image-rendering: pixelated;
+
+		font-family: "Pixelated MS Sans Serif", Arial !important;
+
+
+
+	}
 	body {
 		background-color: #008080;
 		max-width: 100vw;