From 58ad4b3724edbf4d3880403c1ff6cd45be75349c Mon Sep 17 00:00:00 2001 From: Redume Date: Sun, 22 Sep 2024 15:32:17 +0300 Subject: [PATCH] =?UTF-8?q?=D0=A1=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B4=D0=BB?= =?UTF-8?q?=D1=8F=20=D1=84=D1=83=D0=BD=D0=BA=D1=86=D0=B8=D0=B9,=20=D0=B0?= =?UTF-8?q?=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=D0=BD=D0=BE=D1=81=D1=82?= =?UTF-8?q?=D1=8C=20=D0=B4=D0=BB=D1=8F=20=D1=83=D1=81=D1=82=D1=80=D0=BE?= =?UTF-8?q?=D0=B9=D1=81=D1=82=D0=B2=20=D0=9D=D0=B5=20=D0=B1=D0=BE=D0=BB?= =?UTF-8?q?=D1=8C=D1=88=D0=BE=D0=B9=20=D1=84=D0=B8=D0=BA=D1=81=20=D1=88?= =?UTF-8?q?=D1=80=D0=B8=D1=84=D1=82=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/web/static/styles/index.css | 58 +++++++++++++++++++++++++++++++-- 1 file changed, 56 insertions(+), 2 deletions(-) diff --git a/src/web/static/styles/index.css b/src/web/static/styles/index.css index 97e8b09..9a25a93 100644 --- a/src/web/static/styles/index.css +++ b/src/web/static/styles/index.css @@ -1,8 +1,7 @@ body { background: #4F5574; color: white; - font-family: "Gotham Pro", sans-serif; - font-weight: bold; + font: medium "Gotham Pro", sans-serif; margin: 0; padding: 0; } @@ -44,14 +43,69 @@ body { font-size: 16px; } +.desc-xl { + text-align: center; + display: flex; + margin: 1% auto; + word-wrap: break-word; + width: 100%; + max-width: 500px; + font-weight: bold; + padding: 10px 2%; + box-sizing: border-box; +} + +.features-container { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + padding: 80px 20px; + max-width: 1200px; + margin: auto; +} + +.features { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + max-width: 300px; +} + +.features svg { + margin-bottom: 15px; +} + +.text { + font-size: 22px; + font-weight: bold; +} + +footer {display: none} + +footer a:visited { + color: white +} + + @media (min-width: 768px) { .desc { font-size: 20px; } + + } @media (min-width: 1200px) { .desc { font-size: 24px; } + + .features-container { + flex-direction: row; + align-items: center; + gap: 200px; + } } \ No newline at end of file