Make everything bigger

In fact, this page is only a keypad.

src/style.css

@@ -33,7 +33,7 @@ button {
   border: 1px solid transparent;
   padding: 0.6em 1.2em;
   margin: 0.2em;
-  font-size: 1.1em;
+  font-size: 1.4em;
   font-weight: 500;
   font-family: inherit;
   background-color: #1a1a1a;
@@ -58,15 +58,15 @@ button:focus-visible {
   flex-grow: 1;
   text-align: left;
   padding: .25em .75em;
-  font-size: 1.2em;
+  font-size: 1.5em;
   background-color: #1a1a1a;
   box-shadow: inset -.25rem -.25rem .5rem rgba(0,0,0,.5);
   height: inherit;
 }
 
 #light {
-  width: 2.5em;
+  width: 3em;
-  height: 2.5em;
+  height: 3em;
   border-radius: 50%;
   background-color: #1a1a1a;
   margin-left: .75em;
@@ -105,10 +105,10 @@ button:focus-visible {
 }
 @media (max-width: 480px) {
   #output {
-    font-size: 1.7em;
+    font-size: 1.6em;
   }
   button {
-    font-size: 1.4em;
+    font-size: 1.5em;
     padding: 0.8em 1.4em;
     margin: 0.3em;
   }