fghdfsdfg

res/style-mobile.css

@@ -1,14 +1,78 @@
+.attention {
+    font-optical-sizing: auto;
+    font-weight: 800;
+    font-style: normal;
+}
+
 body {
     margin: 0;
     padding: 0 5vw 0 5vw;
 
     font-family: "DM Sans", sans-serif;
     -webkit-font-smoothing: antialiased;
-    
+    background: linear-gradient(180deg, rgb(39, 39, 39) 98%, rgb(0, 61, 57) 100%);
+
     color: white;
-    background-color: #323232;
 }
 
-a {
+.column-display {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+}
+
+.break {
     color: white;
+    opacity: 50%;
+    width: 75vw;
+}
+
+.emoji-line-center {
+    padding: 15px;
+
+    display: flex;
+    align-items: center;
+
+    font-size: 10vw;
+}
+
+.emoji {
+    width: 6vh;
+}
+
+button {
+    width: 12vw;
+    height: 6vh;
+
+    border: none;
+    border-radius: 12vw;
+
+    font-size: larger;
+    font-family: "DM Sans", sans-serif;
+
+    color: rgb(255, 255, 255);
+
+    cursor: pointer;
+
+    background-color: #0ca97a;
+    transition: background-color 100ms;
+}
+
+button:hover,
+focus,
+active {
+    background-color: #0fc28c;
+}
+
+.inline-multiplier {
+    padding-left: 10px;
+}
+
+.messages {
+    background-image: url("/imgs/stage_blur.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+
+    min-width: 80vw;
 }