Beauty NavBar and Fixed the flash message has disappeared in Create bookmark

app/templates/base.html

@@ -46,7 +46,10 @@
 
 <style>
 .navbar-nav-right {
-    margin-left: auto;
+    position: absolute;
+    top: 2px;
+    right: 0px;
+    list-style-type: none;
 }
 a {
     font-size: 18px;
@@ -76,7 +79,7 @@ body {
         </ul>
         <ul class="navbar-nav-right">
             <li class="nav-item">
-                <a class="navbar-brand" href="/logout"><img src="static/logo/logout_logo.gif" alt="logout_logo" id="logo" width="85"/></a></li>
+                <a href="/logout"><img src="static/logo/logout_logo.gif" alt="logout_logo" id="logo" width="86"/></a>
             </li>
         </ul>
         {% else %}

app/templates/create_bookmark.html

@@ -1,6 +1,15 @@
 {% extends "base.html" %}
 
 {% block content %}
+<style>
+body{
+  color: #1a202c;
+  text-align: left;
+  background-color: #e2e8f0; 
+  padding-top: 80px; 
+  font-size: 14px;
+}
+</style>
 <div class="container py-3 h-100">
   <div class="row d-flex justify-content-center align-items-center h-100">
     <div class="col col-xl-10">

app/templates/home.html

@@ -6,7 +6,7 @@ body{
     color: #1a202c;
     text-align: left;
     background-color: #e2e8f0; 
-    padding-top: 100px; 
+    padding-top: 80px; 
     font-size: 14px;
 
 }

app/templates/shared.html

@@ -6,7 +6,7 @@ body{
     color: #1a202c;
     text-align: left;
     background-color: #e2e8f0; 
-    padding-top: 120px; 
+    padding-top: 80px; 
     font-size: 14px;
 
 }