mobile support, idek

css/main.css

@@ -80,9 +80,11 @@ select,
   appearance: base-select;
 }
 select {
-    padding: 8px;
-    background-color: color-mix(in srgb, var(--color-4) 30%, #00000000 70%);
-    transition-duration: 0.25s;
+  padding: 8px;
+  background-color: color-mix(in srgb, var(--color-4) 30%, #00000000 70%);
+  transition-duration: 0.25s;
+  color: var(--text-color);
+  border-radius: 4px;
 }
 select:hover,
 select:focus {
@@ -104,4 +106,18 @@ option:hover {
 }
 option:focus {
   background: color-mix(in srgb, var(--color-2) 60%, var(--color-4) 40%);
+}
+mobile-warning {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 9999999999;
+  display: none;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  transition-duration: 1s;
+  text-align: center;
 }

css/pages.css

@@ -165,4 +165,7 @@ input[type=text]::placeholder, input[type=password]::placeholder {
 	top: 10px;
   outline: none;
   background-color: color-mix(in srgb, var(--color-4) 20%, #00000000 80%);;
+}
+input[type=checkbox] {
+  margin: 4px;
 }

css/profile.css

@@ -1,3 +1,6 @@
+body.enter-on {
+    overflow: hidden;
+}
 section {
     width: 90%;
     height: 240px;
@@ -54,6 +57,8 @@ p {
 }
 #enter {
     position: absolute;
+    top: 0;
+    left: 0;
     width: 100vw;
     height: 100vh;
     background-color: color-mix(in srgb, #000000 60%, #00000000 40%);
@@ -120,4 +125,14 @@ result p {
 }
 .about {
     width: 70%;
+}
+@media screen and (max-width: 1000px) {
+    section {
+        flex-wrap: wrap;
+        height: auto;
+    }
+    .profile-element {
+        max-width: 50%;
+        width: 50%;
+    }
 }

css/settings.css

@@ -9,6 +9,7 @@ section {
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    flex-wrap: wrap;
     border-radius: 20px;
     margin: 15px;
     transition-duration: 0.25s;

css/themes.css

@@ -36,10 +36,10 @@ body[theme=evil] {
 }
 body[theme=sky] {
     --text-color: #ffffff;
-    --bg-1: #6aacbe;
-    --bg-2: #3e87bb;
-    --color-1: #46ccd6;
-    --color-2: #337792;
-    --color-3: #38617b;
-    --color-4: #263b4f;
+    --bg-1: #5d9dae;
+    --bg-2: #3c7aa6;
+    --color-1: #04eeff;
+    --color-2: #2ab9f2;
+    --color-3: #3188bd;
+    --color-4: #23588a;
 }

css/users.css

@@ -21,6 +21,7 @@
     box-shadow: 0 0 10px var(--color-2);
     text-decoration: none;
     text-align: right;
+    overflow: hidden;
 }
 .users:hover {
     transform: scale(1.05);