Styles are updated for mobile devices

Author: nickarora

app/css/style.css

@@ -1,6 +1,5 @@
 :root {
   --font-size: 16px;
-  --font-size-large: 32px;
   --font-weight: 400;
   --font-weight-semibold: 600;
   --font-line-height: 1.5;
@@ -120,6 +119,7 @@ h1 {
   font-family: var(--font-family-header);
   font-weight: var(--font-weight-semibold);
   line-height: var(--font-line-height-small);
+  font-size: 2rem;
   font-optical-sizing: auto;
   text-transform: uppercase;
   text-align: center;
@@ -558,14 +558,20 @@ button.signal-on {
 
   main {
     padding: 1.5rem;
+
+    &:not(.settings-open) {
+      h1 {
+        margin-top: 0;
+      }
+    }
   }
 
   .output {
     padding: 0.75rem;
   }
 }
 
-@media (max-device-height : 748px) {
+@media (max-device-height : 845px) {
   main {
     grid-template-rows: 0 auto 1fr auto;