Perform to move main developing to git

templates/index.html

@@ -16,7 +16,7 @@
         color: var(--brand-color);
         font-weight: bolder;
         line-height: 1.3;
-        font-size: 58px;
+        font-size: 3.5em;
     }
 
     #intro-wrapper {
@@ -31,6 +31,8 @@
 
     #intro-wrapper > img{
         width: 40%;
+        margin-top: 10em;
+        margin-left: 10em;
     }
          /*-------BUTTON-------*/
 
@@ -66,16 +68,18 @@
 
     .slog{
         box-sizing: border-box;
-        width: 45%;
+        width: 40%;
 
         display: flex;
         flex-direction: row;
 
+        box-shadow:inset 0 0 0 0 #654dea;
+
         justify-content: center;
         align-items: center;
-        padding: 40px;
         gap: 10px;
 
+        padding: 2em 3em;
         background: rgba(175, 162, 255, 0.06);
         backdrop-filter: blur(5px);
         border-radius: 24px;
@@ -83,10 +87,9 @@
     .slog > h2{
 
         font-style: normal;
-        font-weight: 800;
+
         font-size: 20px;
         line-height: 27px;
-        display: flex;
         align-items: center;
 
         color: #231765;
@@ -96,17 +99,20 @@
     /*---------------CUBE-ARC---------------*/
 
     #cube{
-        position: relative;
+        position:absolute;
-        top:14em;
+        top: 500px;
-        right:2em;
+        right:1380px;
     }
 
     #arc{
-        position: relative;
+        position:absolute;
-        top: 2.1em;
+        left: 680px;
-        left: 35.5em;
+        top: 370px;
     }
 
+    .cube-arc{
+        display:block;
+    }
 
 
     @media screen and (max-width: 900px) {
@@ -114,13 +120,42 @@
             display: none;
         }
 
+        .cube-arc{
+            display: none;
+        }
+        main{
+            margin-left:2em;
+        }
+        main > h1{
+            font-size: x-large;
+            font-weight: 900;
+            width: 70%;
+            margin-left: 1em;
+            text-align: center;
+            padding: 0 0;
+        }
+        .slog{
+            margin-top: 3em;
+            position:relative;
+            width: 90%;
+            padding: 0 0;
+        }
+        .slog > h2{
+            font-size:small;
+            text-align: center;
+            padding:0;
+        }
+
         .buttons {
             /* вот тут был display: inline */
-            display: flex;
+            display: block;
-            flex-wrap: wrap;
             justify-content: left;
             height: 10%;
-            margin-top: 5%;
+            margin-top: 5em;
+
+        }
+        #button-to{
+            margin: 5em auto;
         }
     }
 
@@ -130,14 +165,14 @@
 {% block content %}
 
     <div id="intro-wrapper">
-        <img src="{% static 'images/intro.webp' %}" alt="">
+        <img src="{% static 'images/intro.png' %}" alt="">
     </div>
 
     <h1>Создай объявление и получи ремонт с гарантией качества</h1>
 
                 <!------------SLOG----------->
 
-<div id="cube-arc">
+<div class="cube-arc">
     <img id="cube" src="{% static 'images/cube.png' %}" alt="">
     <img id="arc" src="{% static 'images/arc.png' %}" alt="">
 </div>