Подправлена главная страница

static/css/base.css

@@ -10,17 +10,23 @@ body {
     display: inline-flex;
     height: 8vw;
 }
+#navbar {
+    position: fixed;
+    width: 100%;
+    transition: top 0.3s;
+    opacity: .9;
+    border-bottom: 1px solid #bf9c81;
+}
 .auth_button {
     color: #ffffff;
     font-size: 1.5vw;
-    transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
+    transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
 }
 .auth_button:hover {
-    font-size: 1.55vw;
+    color: #694a2d;
-    color: #ffffff;
+    border-bottom: 3px solid #f3c79e;
-    text-shadow: 0px 0px 20px #ffffff;
+    text-decoration: none;
 }
-
 .footer {
     background-color: #171717;
     height: 15vw;

static/css/main.css

@@ -1,6 +1,10 @@
 main, html {
     background-color: #dcb495;
 }
+#header_block {
+    position: absolute;
+    margin-bottom: 60%;
+}
 .header_block {
     width: 100%;
     height: 75vw;
@@ -48,6 +52,10 @@ main, html {
     border-radius: 30px;
     vertical-align: middle;
 }
+.header_button:hover {
+    text-decoration: none;
+    color: #000000;
+}
 #link_to_about {
     margin-left: 40px;
     background-color: #000000;
@@ -138,13 +146,13 @@ main, html {
 }
 .reg_block {
     margin-top: 20%;
-    margin-left: 5%;
+    width: 100%;
-    width: 90%;
     height: 50vw;
 }
 .reg_content_block {
     margin-top: 100px;
-    width: 100%;
+    width: 90%;
+    margin-left: 5%;
     display: inline-flex;
     justify-content: space-between;
     flex-wrap: nowrap;
@@ -183,12 +191,16 @@ main, html {
 }
 .reg_button {
     background-color: #a8886f;
-    width: 18vw;
+    width: 20vw;
     height: 5vw;
     color: #ffffff;
     border-radius: 30px;
     vertical-align: middle;
 }
+.reg_button:hover {
+    text-decoration: none;
+    color: #ffffff;
+}
 .reg_button_text {
     width: 100%;
     height: 100%;
@@ -197,6 +209,7 @@ main, html {
     margin-top: 6%;
 }
 #link_to_start{
+    width: 18vw;
     background-color:#f5d3b8;
 }
 #link_to_start_text {
@@ -236,4 +249,10 @@ main, html {
 .feedback_mail {
     font-size: 1.5vw;
     color: #000000;
+    transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
+}
+.feedback_mail:hover {
+    color: #694a2d;
+    border-bottom: 3px solid #f3c79e;
+    text-decoration: none;
 }

templates/base.html

@@ -18,7 +18,7 @@
         integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
         crossorigin="anonymous"
 ></script>
-<nav class="navbar">
+<nav class="navbar" id="navbar">
     <div class="container-fluid">
         <a class="navbar-brand" href="/">
             <img

templates/main.html

@@ -2,7 +2,8 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div class="header_block" id="header_block">
+<div class="header_block">
+    <div id="header_block"></div>
     <div class="header_text">
         <h2 class="header_title">INCEPTED</h2>
         <strong class="header_title_2">Самый удобный сайт для создания проектов</strong>
@@ -20,8 +21,9 @@
         </a>
     </div>
 </div>
+<div id="about_block"></div>
 <div class="body_block">
-    <div class="about_block" id="about_block">
+    <div class="about_block">
         <h2 class="about_title">Почему INCEPTED?</h2>
         <div class="about_info_block">
             <div class="about_article_block">
@@ -88,12 +90,12 @@
                 <div class="reg_button_group">
                     <a class="reg_button" href="/register">
                         <div class="reg_button_text">
-                            <strong>Регистрация</strong>
+                            <p>Регистрация</p>
                         </div>
                     </a>
                     <a class="reg_button" id="link_to_start" href="#header_block">
                         <div class="reg_button_text" id="link_to_start_text">
-                            <strong>В самое начало</strong>
+                            <p>В самое начало</p>
                         </div>
                     </a>
                 </div>