From 9346bb411b522d86ad60c284e0a600fb52cc0782 Mon Sep 17 00:00:00 2001
From: vuonghy2442 <vuonghy2442@hotmail.com.vn>
Date: Wed, 10 Apr 2024 12:48:18 +0700
Subject: [PATCH] should work? no?

---
 css/style.css | 45 ++++++++++++++-------------------------------
 index.html    |  2 --
 2 files changed, 14 insertions(+), 33 deletions(-)

diff --git a/css/style.css b/css/style.css
index 4d99f57..94e73d0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -70,34 +70,6 @@ html {
   font-size: 30px;
 }
 
-.pad_box {
-  width: 100%;
-  height: 2.5%;
-  background: #040;
-}
-
-#top_row {
-  width: 100%;
-  height: 20%;
-  margin: auto;
-  display: flex;
-  background: #040;
-
-  justify-content: space-evenly;
-}
-
-#top_row > div {
-  height: 100%;
-  aspect-ratio: 2.5/3.5;
-}
-
-.stack {
-  background-color: #0012;
-
-  border-style: solid;
-  border-color: #631;
-}
-
 #deal {
   background-image: url("../images/back.svg");
   background-size: 100%;
@@ -139,6 +111,7 @@ html {
 }
 
 .card_front {
+  transform: rotateY(0deg);
   background-color: #fff;
   background-size: 100%;
 }
@@ -149,22 +122,32 @@ html {
   background-size: 100%;
 }
 
-#tableau {
+#tableau,
+#top_row {
   display: flex;
-  position: absolute;
+  position: relative;
   justify-content: space-evenly;
   height: 20%;
   width: 100%;
   margin-top: 2.5%;
 }
 
+#top_row > div,
 #tableau > div {
   height: 100%;
   aspect-ratio: 2.5/3.5;
+}
+
+#top_row {
+  background: #040;
+}
+
+#tableau > div,
+.stack {
   background-color: #0012;
 
   border-style: solid;
-  border-width: 2px;
+  border-width: 3px;
   border-color: #f75;
 }
 
diff --git a/index.html b/index.html
index fb9ef03..ef10e9c 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,6 @@
 
       <div id="game_main">
         <div id="game_box">
-          <div class="pad_box"></div>
           <div id="top_row">
             <div id="deal"></div>
             <div id="waste"></div>
@@ -31,7 +30,6 @@
             <div class="stack"></div>
             <div class="stack"></div>
           </div>
-          <div class="pad_box"></div>
           <div id="tableau">
             <div></div>
             <div></div>