add alerts

1 files changed, 33 insertions, 10 deletions

diff --git a/style.css b/style.css
index 69e4d75..fb4fec7 100644
--- a/style.css
+++ b/style.css
@@ -26,23 +26,47 @@ body {
 }
 
 #root {
-  width: min(90vw, 50em);
+  width: min(90vw, 800px);
   margin: auto;
   border-left: 1px solid white;
   border-right: 1px solid white;
-  padding: 0.5em;
+  padding: 8px;
   min-height: 95vh;
 }
 
+.center-screen-container {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+}
+
+.center-screen {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  min-height: 95vh;
+}
+
+.alert-box {
+  border: 2px solid white;
+  background-color: black;
+  padding: 16px;
+  max-width: min(80vw, 600px);
+  font-size: 24px;
+}
+
 h1 {
-  font-size: 4em;
+  font-size: 32px;
 }
 h2 {
-  font-size: 3em;
+  font-size: 24px;
 }
 
 p {
-  font-size: 2em;
+  font-size: 16px;
   padding: 1em;
 }
 
@@ -56,15 +80,14 @@ input {
   font-variant-caps: small-caps;
   color: white;
   background-color: black;
-  font-size: 1em;
-  padding: 0.5em;
-  margin: 0.5em;
+  font-size: 16px;
+  padding: 8px;
+  margin: 8px;
   font-weight: bold;
   border: 2px solid;
 }
 input[type=button] {
-  padding: 0.6em;
-  font-size: 1.3em;
+  font-size: 20px;
 }
 input[type=button]:hover {
   color: black;