Fix page background

src/app.html

@@ -9,20 +9,6 @@
 		<meta property="og:type" content="website" />
 		
 		<style>
-			html {
-				background-color:rgba(14, 1, 20, 1);
-				background-image:
-					radial-gradient(white, rgba(255,153,255,.2) 2px, transparent 40px),
-					radial-gradient(white, rgba(255,153,255,.15) 1px, transparent 30px),
-					radial-gradient(white, rgba(255,153,255,.1) 2px, transparent 50px),
-					radial-gradient(rgba(255,153,255,.4), rgba(255,153,255,.1) 2px, transparent 30px);
-				background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
-				background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
-			}
-			body {
-				font-family: "Noto Sans",Arial,sans-serif;
-				color: #fff;
-			}
 		</style>
 		%sveltekit.head%
 	</head>

src/app.scss

@@ -1,9 +1,19 @@
 @use "./colors.scss";
 @import "https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css";
 
+html {
+	background-color:rgba(14, 1, 20, 1);
+	background-image:
+		radial-gradient(white, rgba(255,153,255,.2) 2px, transparent 40px),
+		radial-gradient(white, rgba(255,153,255,.15) 1px, transparent 30px),
+		radial-gradient(white, rgba(255,153,255,.1) 2px, transparent 50px),
+		radial-gradient(rgba(255,153,255,.4), rgba(255,153,255,.1) 2px, transparent 30px);
+	background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
+	background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
+}
+
 body {
   font-family: "Lexend","Noto Sans", "Verdana", sans-serif;
-  background-color: colors.$background;
   color: colors.$text;
 }
 

src/routes/+page.svelte

@@ -95,20 +95,6 @@
 		text-align: center;
 	}
 
-	.github-stats {
-		margin: auto;
-		display: flex;
-		align-items: center;
-		flex-wrap: wrap;
-		width: 100%;
-
-		img {
-			padding: 5px;
-			margin: auto;
-			display: flex;
-			max-width: 100%;
-		}
-	}
 	@media screen and (max-width: 1000px) {
 		.home-greeting {
 			h1 {