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 @@
-
@@ -31,7 +30,6 @@
-