made it a bit more responsible

src/styles/global.scss

@@ -1,5 +1,17 @@
 @import "./_variables.scss";
 
+
+:root {
+	color-scheme: dark;
+	accent-color: $accent-color;
+	caret-color: $accent-color;
+}
+::selection{
+	background-color: $accent-color;
+}
+::marker{
+	color: $accent-color;
+}
 body {
     font-family: system-ui, sans-serif;
     background-color: #0a0a0a;
@@ -8,14 +20,14 @@ body {
     margin: -10px;
     width: 100%;
     height: 100%;
+    position: absolute;
     box-shadow:
       inset 60px 0 120px rgba($primary-color, 0.2),
       inset -60px 0 120px rgba($accent-color, 0.07);
-    position: absolute;
 }
 
 .wip-title {
-    margin-top: 100px;
+    margin: 100px;
     font-size: 50px;
     text-align: center;
     color: white;
@@ -52,3 +64,14 @@ body {
         font-size: 20px;
     }
 }
+@media (max-width: 800px) {
+	.wip-title{
+        font-size: 30px;
+        margin: 100px;
+        margin-top: 50px;
+    }
+    .card {
+        margin-top: 20%;
+	    width: 60%;
+	}
+}