Commit at 4AM Coming right up

src/lib/style.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.co/css2?family=Open+Sans&display=swap');
-
 :root {
 	--purple-color: #7a00ec;
 	--brighter-purple-color: #9d41f3;
@@ -42,7 +40,6 @@ html {
 .h1dance {
 	margin-top: 0;
 	margin: 0;
-	color: var(--brighter-purple-color);
 }
 
 .bg {
@@ -53,7 +50,6 @@ body {
 	background-repeat: no-repeat;
 	background-size: cover;
 	height: 100%;
-	color: var(--brighter-purple-color);
 	margin: 0px;
 	font-family: 'Open Sans', sans-serif;
 	-webkit-font-smoothing: antialiased;
@@ -90,21 +86,15 @@ body {
 	border-radius: 50%;
 	transition: all 0.5s ease-in-out;
 	margin-bottom: -20px;
-	color: var(--purple-color);
-    filter:hue-rotate(0deg);
 }
 
 #profilepicture:hover {
 	height: 125px;
 	width: 125px;
-	color: var(--glowish-yellow);
-    animation: rainbow 1s steps(36) infinite;
 }
 
 
 .middle {
-	position: absolute;
-	transform: translate(-50%, -50%);
 	text-align: center;
 	top: 50%;
 	left: 50%;
@@ -141,55 +131,18 @@ img {
 	text-align: center;
 }
 
-@media only screen and (max-width: 600px) {
-	body {
-		font-size: calc(9px + 1vmin);
-		background-image: url('/images/BG_FHD_darker_mb.png');
-	}
-	.pfp-holder {
-		margin-top: -50%;
-		margin-left: 0%;
-		position: static;
-	}
 
-	img {
-		padding: 6px;
-	}
-}
-
-
-
-
-
-#backmob {
-    object-fit: fill;
-    overflow: hidden;
-    height: 100%;
-    animation: rainbow 20s steps(120) infinite;
-}
-
-
-.banner {
-	padding: 10px;
-	text-align: center;
-	background: #6e0000;
-	color: white;
-	font-size: 15px;
-	animation: fadeInOut linear 5s infinite;
-}
-
-.banner:hover {
-	animation: none;
-}
-
-@keyframes fadeInOut {
-	0% {
-		opacity: 1;
-	}
-	50% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
+
+
+@media (prefers-color-scheme: dark) {
+	html {
+		--primary: #151515;
+		--secondary: #252525;
+		--tertiary: #353535;
+		--text: #ffffffde;
+		--grey: #5454547a;
+		--alt: #333;
+		--alt-text: #ddd;
+		color-scheme: dark;
 	}
 }