From f5a7b95631d5265ecdd6c10c565fe640f0386dbd Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 20 Nov 2023 21:17:58 +0100
Subject: [PATCH] Updated the Calculate styles.sass

---
 .../pages/Game/states/Calculate/styles.sass   | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/Game/states/Calculate/styles.sass b/client/src/pages/Game/states/Calculate/styles.sass
index 45d6c54..bfaab97 100644
--- a/client/src/pages/Game/states/Calculate/styles.sass
+++ b/client/src/pages/Game/states/Calculate/styles.sass
@@ -1,6 +1,12 @@
 @import "@styles/colors"
 
 .calculate-state
+  display: flex
+  flex-direction: column
+  justify-content: center
+  align-items: center
+
+.calculate-state-inner
   display: flex
   align-items: start
   gap: 2rem
@@ -10,16 +16,20 @@
   flex-direction: column
   gap: 1rem
   user-select: none
-  width: 55rem
+  align-items: center
+
+  .btn
+    animation: roundIn 0.8s ease-out
 
   .round
+    max-width: 60rem
     display: flex
     padding: 1rem 2rem
     transition: 1s ease-in-out
     animation: roundIn 0.7s ease-out
 
     .round-item
-      width: 12rem
+      width: 14rem
 
       h2, p
         margin: 0
@@ -59,4 +69,10 @@
   70%
     transform: scale(0.9)
   100%
-    transform: scale(1)
\ No newline at end of file
+    transform: scale(1)
+
+@media screen and (max-width: 1300px)
+  .calculate-container .round
+    max-width: 50rem
+  .round-item:nth-child(4)
+    display: none
\ No newline at end of file