Загатока стрелочки перемотки вверх для главной страницы

static/css/base.css

@@ -88,4 +88,12 @@ body {
 }
 .nav_user_name_div {
     height: 100%;
+}
+body::-webkit-scrollbar {
+  width: 12px;               /* ширина scrollbar */
+}
+body::-webkit-scrollbar-thumb {
+  background-color: #d49d51;    /* цвет плашки */
+  border-radius: 20px;       /* закругления плашки */
+  border: 3px solid #ffffff;
 }

static/css/main.css

@@ -266,6 +266,13 @@ main, html {
     margin-top: 45%;
     transition: background-color 0.5s ease-in;
 }
+.scroll_image {
+    margin-top: 5px;
+    margin-left: 5px;
+    width: 40px;
+    height: 40px;
+    border-radius: 2vw;
+}
 .scroll_button:hover {
     background-color: #1c59fe;
 }

static/css/profile.css

@@ -6,13 +6,14 @@
     background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url(../images/back_profile_one.jpg);background-repeat: repeat;  background-position: center;
 }
 .profile_block {
-    height: 80%;
+    height: 83%;
     width: 85%;
     margin-left: 7.5%;
     margin-top: 10%;
     background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../images/back_profile_two.jpg);background-repeat: repeat;  background-position: center;
     display: flex;
     flex-direction: column;
+    overflow-y: auto;
 }
 .header_profile {
     display: inline;
@@ -62,6 +63,7 @@ form {
     color: #000000;
     border: 0.1vw solid #595008;
     height: 4.5vw;
+    min-height: 4.5vw;
     width: 20vw;
     background-color: #dbc3af;
     border-radius: 5vw;
@@ -92,4 +94,23 @@ form {
 }
 #delete_button {
     margin-top: 45px;
+}
+.dop_data {
+    padding-top:15px;
+    padding-left: 15px;
+}
+#logout_button {
+    color: #000000;
+    background-color:#f5d3b8;
+}
+#logout_button:hover {
+    text-decoration: none;
+    color: #000000;
+}
+.profile_button_text {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    font-size: 1.5vw;
+    margin-top: 6%;
 }

templates/main.html

@@ -3,7 +3,7 @@
 
 {% block content %}
 <rect class="scroll_button">
-    <img class="scroll_image" src="">
+    <img class="scroll_image" src="../static/images/black_arrow.png">
 </rect>
 <div class="header_block">
     <div id="header_block"></div>

templates/profile.html

@@ -44,7 +44,7 @@
                         </div>
                         <div class="form_data">
                             <label class="form-label">{{ form.about.label }}</label>
-                            {{ form.about(class="input_data", type="name", placeholder='about') }} {%
+                            {{ form.about(class="input_data dop_data", type="name", placeholder='about') }} {%
                             for error in form.about.errors %}
                             <div class="alert alert-danger" role="alert">{{ error }}</div>
                             {% endfor %}
@@ -52,7 +52,7 @@
                         {% if 'none' in current_user.photo %}
                         <div class="form_data">
                             <label class="form-label">{{ form.photo.label }}</label>
-                            {{ form.photo(class="input_data", type="file") }}
+                            {{ form.photo(class="input_data dop_data", type="file") }}
                             {% for error in form.photo.errors %}
                             <div class="alert alert-danger" role="alert">{{ error }}</div>
                             {% endfor %}
@@ -71,6 +71,11 @@
                 </div>
                 <div class="form_data_button">
                     {{ form.submit(type="submit", class="profile_button") }}
+                    <a class="profile_button" id="logout_button" href="/logout">
+                        <div class="profile_button_text">
+                            <p>Выйти</p>
+                        </div>
+                    </a>
                 </div>
             </form>
         </div>