1 files changed, 55 insertions, 12 deletions

diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index 7a59d78..8d77ca1 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -3,30 +3,31 @@
     which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
     Copyright (C) 2022 metamuffin <metamuffin@disroot.org>
 */
-@import url("https://s.metamuffin.org/static/font-ubuntu/include.css");
+@import url("../font/include.css");
 @import url("./logger.css");
 @import url("./chat.css");
 @import url("./room.css");
 @import url("./prefs.css");
 @import url("./menu.css");
+@import url("/overrides.css");
 
 * {
     font-family: "Ubuntu", sans-serif;
-    font-weight: 300;
     color: white;
     margin: 0px;
     padding: 0px;
 }
 
-:root {
-    --bg: #151315;
-    --bg-dark: #070707;
-    --ac: #5e3f84;
-    --ac-light: #7c43bd;
-    --ac-dark: #2d0d52;
+body.start {
+    background-image: linear-gradient(var(--ac-dark-transparent), black 150%),
+        url("./tile-backdrop.svg");
+    background-attachment: fixed;
+    background-size: cover, 40vw;
+    background-color: var(--ac-dark);
 }
 
 body {
+    font-weight: 300;
     background-color: var(--bg-dark);
     height: 100vh;
     width: 100vw;
@@ -34,8 +35,11 @@ body {
 }
 
 h1 {
+    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
+    font-size: 5em;
     font-weight: 700;
-    margin: 1em;
+    text-align: center;
+    margin-bottom: 0.1em;
 }
 
 input[type="button"],
@@ -78,15 +82,54 @@ button:disabled {
 
 .start-box p {
     margin-bottom: 0.5em;
+    font-size: x-large;
 }
 
 .start-box input[type="text"] {
-    margin: 0.5em;
+    margin: 2em 0 1em 0;
     font-size: xx-large;
 }
 
 .start-box input[type="button"] {
-    margin: 0.5em;
+    margin: 1em 0 1em 0;
+    font-size: x-large;
+    width: 100%;
+}
+
+.start-box .description {
+    margin-bottom: 1.5em;
+    text-align: center;
+}
+
+#room-id-input {
+    padding: 0.5em;
     font-size: x-large;
     width: calc(100% - 1em);
-}
\ No newline at end of file
+}
+
+@media (max-width: 800px), (max-height: 700px) {
+    h1 {
+        font-size: xxx-large;
+    }
+    .start-box {
+        position: relative;
+        top: 0;
+        left: 0;
+        transform: none;
+        width: 90%;
+        margin: 0 auto;
+        margin-top: 1em;
+    }
+    .start-box p {
+        margin-bottom: 0.5em;
+        font-size: large !important;
+    }
+    .start-box input[type="text"] {
+        margin: 1em 0 0.5em 0;
+        font-size: large !important;
+    }
+    .start-box input[type="button"] {
+        margin: 0.5em 0 0.5em 0;
+        font-size: large !important;
+    }
+}