fix: text center

static/index.css

@@ -39,9 +39,6 @@
     text-align: center;
     line-height: 2;
     font-size: 1.1rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
 }
 
 .header {
@@ -58,6 +55,8 @@
      color: rgba(225, 225, 225, 0.6);
 }
 .translate-header {
+    width: 100%;
+    height: 100%;
     transition: 0.5s;
 }
 
@@ -131,7 +130,7 @@
 }
 
 .headerblock {
-    width: clamp(60rem, 65% , 80rem);
+    width: clamp(60rem, 65% , 140rem);
     height: clamp(10rem, 20%, 10rem);
     padding: 1rem;
     margin-left: 0rem;
@@ -152,8 +151,8 @@
 }
 
 .info1 {
-    width: 45%;
-    height: 50%;
+    width: clamp(40rem, 45%, 80rem);
+    height: clamp(30rem, 50%, 30rem);
     padding: 0.85rem;
     margin-top: 3.5rem;
     transition: 1s;
@@ -164,8 +163,10 @@
 
 }
 
-.info1:hover {
-     background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(186, 65, 166, 0.3));
+
+.small {
+    width: clamp(30rem, 35%, 40rem);
+    height: clamp(30rem, 20%, 30rem);
 }
 
 .navigation{

templates/index.html

@@ -5,12 +5,14 @@
     {% include '_header.html' %}
 
     <div class="container">
-        <div class="info1 divv" >
+        <div class="small info1 divv" >
             <p class="simpletext">Разделы заданий:</p>
             <nav class="navbtn">
                 <a href="{{ url_for('sql') }}" class="btn1">sql пипка</a>
                 <a href="{{ url_for('found') }}" class="btn1">forensic</a>
                 <a href="{{ url_for('decode') }}" class="btn1">encode and decode</a>
+                <a href="{{ url_for('found') }}" class="btn1">ещё таск</a>
+                <a href="{{ url_for('decode') }}" class="btn1">и еще один таск</a>
 
                 <!--    <a href="">rfi</a>-->
                 <!--    <a href="">lfi</a>-->