diff --git a/src/css/style.css b/src/css/style.css index 3545fe4..759db6f 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -1,13 +1,4 @@ -.top_panel { - width: auto; - height: 87px; - background: #17181C; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-radius: 20px; - margin-left: 105px; - margin-top: 7px; -} .top_panel { width: auto; @@ -17,43 +8,40 @@ border-radius: 20px; margin-left: 105px; margin-top: 7px; - -} -.top_panel { - width: auto; - height: 87px; - background: #17181C; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-radius: 20px; - margin-left: 105px; - margin-top: 7px; - + margin-right: 4px; } -.left_box{ - width: 88px; - height: auto; +.header_title { + width: 220px; + height: 36px; + color: #FFF; + text-shadow: 5px 5px 6px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 22px; + font-weight: 700; + padding-left: 36px; + margin-top: -16px; +} + +.header_title_text { + color: #EF4444; + text-shadow: 5px 5px 6px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 10px; + font-weight: 800; + width: 63px; + height: 17px; + padding-top: 22px; + padding-left: 37px; } .left_panel { width: 88px; - height: auto; + height: 97.5vh; background: #17181C; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 20px; margin-left: 8px; - padding-top: 100%; margin-top: -86px; - -} - -.main_box{ - width: 1165px; - height: 240px; - border-radius: 40px; - background: #EF4444; - box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); - position: absolute; - top: 50%; - left: 10%; -} + margin-bottom: 4.5px; +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index e072bf9..4c2ebf7 100644 --- a/src/index.html +++ b/src/index.html @@ -13,11 +13,16 @@
PLAY NOW
+