From 98324d1b2d88b53171ce889dea7b527dfaac517a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9DNyymix=E2=80=9D?= <nyymix@gmail.com>
Date: Tue, 3 May 2022 12:39:52 +0300
Subject: [PATCH] Add css

---
 index.html |  3 ++-
 main.css   | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 54 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 7eadc3f..ab18e05 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,7 @@
             </div>
         </div>
     </div>
+    <script src="calculator.js"></script>
     <script src="main.js"></script>
-</body>
+</body> 
 </html>
diff --git a/main.css b/main.css
index 5c91fba..5b83f0f 100644
--- a/main.css
+++ b/main.css
@@ -1,5 +1,55 @@
-.container {
+body {
+    background-color: #e5e5e5;
     display: flex;
     justify-content: center;
-    height: 100vh;
+    align-items: center;
+    min-height: 100vh;
+}
+
+.calculator {
+    margin-bottom: auto;
+    background-color: #84848452;
+    border: 2px solid #4d4d4d52;
+    border-radius: 5px;
+}
+
+.screen {
+    padding: 5px;
+    text-align: right;
+    font-weight: bold;
+}
+
+.display_sml {
+    height: 50px;
+    font-size: 1.5rem;
+}
+
+.display_big {
+    min-height: 40px;
+    font-size: 1.9rem;
+    line-height: 2.25rem;
+    word-break: break-all;
+}
+
+.buttons {
+    display: grid;
+    grid-template-columns: repeat (4, 100px);
+}
+
+.buttons>button {
+    width: 100px;
+    height: 100px;
+    font-size: larger;
+    font-weight: bold;
+}
+
+.buttons>.eq {
+    grid-column-start: 3;
+    grid-column-end: 5;
+    width: 200px;
+    background-color: #94ff94;
+}
+
+.buttons>.ac {
+    background-color: #ffaabb;
 }
\ No newline at end of file