From 56ae4877c1ee95deff76db4c21787c3e17f1b1f0 Mon Sep 17 00:00:00 2001
From: Redume <danilivasenko09@gmail.com>
Date: Sat, 21 Sep 2024 21:04:20 +0300
Subject: [PATCH] =?UTF-8?q?=D0=90=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2?=
 =?UTF-8?q?=D0=BD=D0=B0=D1=8F=20=D0=B2=D0=B5=D1=80=D1=81=D1=82=D0=BA=D0=B0?=
 =?UTF-8?q?=20=D0=B1=D0=B0=D0=BD=D0=BD=D0=B5=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/static/styles/index.css | 42 +++++++++++++++++++++++++++------
 1 file changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/web/static/styles/index.css b/src/web/static/styles/index.css
index cbfaf74..97e8b09 100644
--- a/src/web/static/styles/index.css
+++ b/src/web/static/styles/index.css
@@ -1,29 +1,57 @@
 body {
     background: #4F5574;
     color: white;
-    font-family: "Gotham Pro";
+    font-family: "Gotham Pro", sans-serif;
     font-weight: bold;
+    margin: 0;
+    padding: 0;
 }
 
 .banner {
     background: rgba(0, 0, 0, 0.39);
     border-radius: 3vh;
-    display: grid
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 2%;
+    max-width: 95vw;
+    margin: .5% auto;
 }
 
 .banner-img {
-    display: block;
-    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
 }
 
 .banner-img img {
-    width: 20%;
+    width: 100%;
+    max-width: 450px;
+    height: auto;
     margin: 1.5%;
 }
 
 .desc {
-    width: 50%;
+    width: 100%;
+    max-width: 600px;
     text-align: center;
     margin: 1% auto;
-    font-size: 2.3vh;
+    word-wrap: break-word;
+    padding: 0 2%;
+    box-sizing: border-box;
+    font-size: 16px;
+}
+
+@media (min-width: 768px) {
+    .desc {
+        font-size: 20px;
+    }
+}
+
+@media (min-width: 1200px) {
+    .desc {
+        font-size: 24px;
+    }
 }
\ No newline at end of file