logout & images

demo/css/create-account.css

@@ -113,7 +113,7 @@ body, html {
   padding: 10px;
   margin-top: 20px;
   background-color: var(--dusty-red);
-  color: white;
+  color: var(--dark-yellow);
   font-weight: bold;
   border: none;
   border-radius: 10px;

demo/css/home.css

@@ -90,15 +90,19 @@ body, html {
 
 
 .sidebar-left .nav_icon {
-  height: 40px;
+  background: none;
-  width: auto;
+  border: none;
-  margin-top: 9px;
+  padding: 0;
-  border-radius: 8px;
+  cursor: pointer;
-  transition: transform 0.2s ease;
-  display: flex;
 }
 
-.sidebar-left .nav_icon:hover {
+.sidebar-left .nav_icon img {
+  height: 40px;
+  width: auto;
+  border-radius: 8px;
+  transition: transform 0.2s ease;
+}
+.sidebar-left .nav_icon img:hover {
   transform: scale(1.05);
 }
 

demo/css/login.css

@@ -102,7 +102,7 @@ body, html {
   padding: 10px;
   margin-top: 20px;
   background-color: var(--dusty-red);
-  color: white;
+  color: var(--dark-yellow);
   font-weight: bold;
   border: none;
   border-radius: 10px;

demo/home.html

@@ -21,7 +21,12 @@
         <li><a href="#">Explore</a></li>
         <li><a href="#">Profile</a></li>
         <li><a href="#">Saved</a></li>
-        <li><a href="#"> <img src="images/logout_icon.png" alt="Log Out Icon" class="nav_icon"></a></li>
+	<li>
+	<form action="/logout" method="post">
+	  <button type="submit" class="nav_icon">    
+	    <img src="images/logout_icon.png" alt="Log Out Icon">
+	</button>
+	</li>
       </ul>
     </nav>