cleaned up code, added timeout, etc

1 files changed, 5 insertions, 2 deletions

diff --git a/src/components/style.css b/src/components/style.css
index 79ef49e..ade1d46 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -35,8 +35,8 @@ body {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  height: 90%;
-  width: 100%;
+  height: calc(100vh - 6rem);
+  width: 100vw;
 }
 
 .GamemodeChooser .GamemodeButton {
@@ -72,6 +72,7 @@ body {
   left: 0; right: 0;
   margin: 1rem auto;
   width: 30rem;
+  min-height: 9rem;
 }
 
 .ScoreBoard { 
@@ -82,6 +83,7 @@ body {
 }
 
 .Grid {
+  height: calc(100vh - 17rem);
   display: grid;
   grid-template-columns: 9rem 9rem 9rem;
   grid-template-rows: 9rem 9rem 9rem;
@@ -105,6 +107,7 @@ body {
 }
 
 .Footer {
+  min-height: 6rem;
   position: relative;
   bottom: 0;
   width: 100%;