safe area for iphone notch, button styling

src/app/globals.css

@@ -17,6 +17,11 @@ html,
 body {
   max-width: 100vw;
   overflow-x: hidden;
+  padding:
+    env(safe-area-inset-top)
+    env(safe-area-inset-right)
+    env(safe-area-inset-bottom)
+    env(safe-area-inset-left);
 }
 
 a {

src/app/page.module.css

@@ -56,16 +56,13 @@
 #output_table {
   margin: 0 auto;
   font-size: 0.9rem;
+  white-space: nowrap;
 }
 
 .output_table_regular tbody th:nth-child(1) {
   text-align: center;
 }
 
-.output_table_regular {
-  white-space: nowrap;
-}
-
 .output_table_transposed th,
 .output_table_transposed td {
   vertical-align: top;
@@ -79,6 +76,7 @@
 .button {
   padding: 0.25rem 2rem;
   display: block;
+  color: var(--main_1);
 }
 
 @media screen and (min-width: 40rem) {