From 1a832753b2197f1ca3ead4026c837c16f477eaf7 Mon Sep 17 00:00:00 2001
From: Greg Gauthier <gmgauthier@protonmail.com>
Date: Tue, 24 Jan 2023 09:00:17 +0000
Subject: [PATCH] set buttons and boxes to auto-size with browser

---
 css/index.css | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/css/index.css b/css/index.css
index cf4144b..695b2ff 100644
--- a/css/index.css
+++ b/css/index.css
@@ -90,7 +90,7 @@ body {
   margin: 0.5em;
   padding: 0.5em;
   color: #afcde9;
-  #background-color: #0a4984;
+  /* background-color: #0a4984; */
   background-color: #003366;
 }
 
@@ -179,8 +179,7 @@ pre {
     color: #322918;
     text-align: center;
     background-color: #fed700;
-    width: 130px;
-    height: 40px;
+    width: 3.7em;
     border: 2px solid #322918;
     padding: 5px;
     margin: 5px;
@@ -192,8 +191,7 @@ pre {
     color: #322918;
     text-align: center;
     background-color: #fab700;
-    width: 130px;
-    height: 40px;
+    width: 3.7em;
     border: 2px solid #322918;
     padding: 5px;
     margin: 5px;
@@ -205,8 +203,7 @@ pre {
     color: #322918;
     text-align: center;
     background-color: #e99e23;
-    width: 130px;
-    height: 40px;
+    width: 3.7em;
     border: 2px solid #322918;
     padding: 5px;
     margin: 5px;
@@ -219,8 +216,7 @@ pre {
     color: #322918;
     text-align: center;
     background-color: #ae7900;
-    width: 130px;
-    height: 40px;
+    width: 3.7em;
     border: 2px solid #322918;
     padding: 5px;
     margin: 5px;
@@ -255,7 +251,7 @@ pre {
 }
 
 .shadowbox {
-    width: 250px;
+    width: 11.95em;
     background-color: #004d80;
     border: 3px solid #babebd;
     box-shadow: 5px 6px #9f9c9b;