Update

2 files changed, 70 insertions, 7 deletions

diff --git a/htdocs/public/assets/css/main.css b/htdocs/public/assets/css/main.css
index 59df155..b9f63a8 100644
--- a/htdocs/public/assets/css/main.css
+++ b/htdocs/public/assets/css/main.css
@@ -20,6 +20,42 @@ main {
     grid-gap: 20px;
 }
 
+@media (max-width: 700px) {
+    .grid-3:not(.dont-break-me) {
+        grid-template-columns: 1fr 1fr;
+        grid-gap: 10px;
+        grid-column-gap: 0;
+    }
+
+    .button h2 {
+        margin-block-start: 0.33em;
+        margin-block-end: 0.33em;
+        font-size: 1.25em;
+    }
+
+    .button h3 {
+        margin-block-start: 0.5em;
+        margin-block-end: 0.5em;
+        font-size: 1em;
+    }
+
+    .button .rnbwsquare-stand.rnbwsquare-outer {
+        padding-right: 0;
+        padding-left: 0;
+        padding-top: 0;
+    }
+
+    .button .rnbwsquare-stand.rnbwsquare-outer, .button .rnbwsquare-stand.rnbwsquare-outer .rnbwsquare-inner {
+        border-radius: 0 !important;
+    }
+
+    .big-button.big-button-bg2.big-button-pt1, .big-button.big-button-bg2.big-button-pt2 {
+        border-radius: 5px !important;
+        border: 1px solid white !important;
+        display: inline-block;
+    }
+}
+
 .grid-2 {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -64,6 +100,10 @@ a:focus, a:active {
     border-top: 1px solid white;
 }
 
+a.big-button-bg2 {
+    background: #222;
+}
+
 .big-button {
     transition: color 200ms, background 200ms, opacity 200ms;
     color: white;
@@ -94,4 +134,33 @@ a:focus, a:active {
 
 .stand-strong {
     padding: 20px;
+}
+
+.big-button-pt1 {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right: 0;
+}
+
+.big-button-pt2 {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.scroller {
+    color: white;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.scroller:hover {
+    opacity: .75;
+}
+
+.scroller:active, .scroller:focus {
+    opacity: .5;
+}
+
+html, body, #intro, #main {
+    overflow-x: hidden;
 }
\ No newline at end of file
diff --git a/htdocs/public/assets/css/rainbow.css b/htdocs/public/assets/css/rainbow.css
index c548bb4..d9ec266 100644
--- a/htdocs/public/assets/css/rainbow.css
+++ b/htdocs/public/assets/css/rainbow.css
@@ -89,14 +89,8 @@
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    animation-name: rainbow-back;
-    animation-timing-function: linear;
-    animation-duration: 10s;
-    animation-direction: normal;
+    animation: rainbow-back 3s ease-in-out infinite;
     margin-bottom: 5px;
-    animation-play-state: running;
-    animation-fill-mode: forwards;
-    animation-iteration-count: infinite;
 }
 
 .rnbwsquare-separator {