From 32c422326d026192771fcedfd87dd17675ba91c2 Mon Sep 17 00:00:00 2001
From: charles wisda <crwisda@gmail.com>
Date: Tue, 26 Mar 2024 21:48:32 -0700
Subject: [PATCH] added the css styles

---
 style.css | 72 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)

diff --git a/style.css b/style.css
index 00fb5a7..787d709 100644
--- a/style.css
+++ b/style.css
@@ -5,3 +5,75 @@
 html {
   font-size: 10px;
 }
+
+body {
+  margin: 0;
+  width: 100vw;
+  min-height: 100vw;
+  background-color: radial-gradiant(#333, #111);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+main {
+  background-color: white;
+  color: black;
+}
+
+.grid {
+  display: grid;
+  border: 0.5rem solid black;
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(4, 1fr);
+}
+
+.grid-items {
+  border: 0.1rem solid grey;
+  font-size: 2rem;
+  background-color: white;
+}
+
+#box3,
+#box7,
+#box10,
+#box11,
+#box12,
+#box15 {
+  border-left: 0.5rem solid black;
+}
+
+#box1,
+#box2,
+#box3,
+#box4,
+#box5,
+#box8,
+#box9,
+#box10,
+#box11 {
+  border-bottom: 0.5rem solid black;
+}
+
+.prompt {
+  position: relative;
+  top: 0%;
+  left: 0%;
+}
+
+.answer {
+  width: 50%;
+  height: 50%;
+  text-align: center;
+}
+
+.special {
+  border: none;
+  font-size: 2rem;
+}
+
+@media screen and (min-width: 475px) {
+  html {
+    font-size: 16px;
+  }
+}