Стили для функций, адаптивность для устройств

Не большой фикс шрифтов

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;
+    }
 }