improve readability and add logos

client/style.scss

@@ -1,5 +1,12 @@
 @use "sass:color";
 
+#run {
+  width: 100%;
+  height: 100vh;
+  background-color: transparent;
+  border: none;
+}
+
 body {
   font-family: Arial;
   background-color: black;
@@ -19,14 +26,14 @@ body {
 
   h1 {
     transition: .5s ease transform, .5s ease opacity;
+    font-size: 3em;
     opacity: 0;
     transform: translateY(-100%);
   }
 
   h2 {
     transition: .5s ease opacity;
-    color: grey;
-    font-size: 1em;
+    color: color.scale(white, $lightness: -25%);
     margin: 0;
     opacity: 0;
     font-weight: normal;
@@ -34,16 +41,23 @@ body {
 
   .logos {
     display: flex;
-    margin-top: 10em;
-    width: 40rem;
+    margin-top: 15em;
     justify-content: center;
+    align-items: center;
 
     .logo {
+      display: flex;
+      align-items: center;
       transition: .5s ease-out transform, .5s ease-out opacity;
-      width: 15em;
+      height: 7em;
       transform: translateY(100%);
       opacity: 0;
-      margin: 0 1em;
+      margin: 0 2em;
+
+      img {
+        max-height: 100%;
+        max-width: 25em;
+      }
     }
   }
 }
@@ -63,6 +77,15 @@ body {
 .main {
   transition: .5s ease opacity;
   opacity: 0;
+
+  .disclaimer {
+    color: color.adjust(white, $lightness: -40%);
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    font-size: 1.5em;
+  }
 }
 
 .question {