fixed navbar styling + added button for login page to devtools

static/styles.css

@@ -547,7 +547,7 @@ input:focus {
   position: absolute;
   top: 100%;
   left: 0;
-  background-color: white;
+  background-color: rgb(0, 0, 0);
   min-width: 160px;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
   z-index: 3;
@@ -558,7 +558,7 @@ input:focus {
   display: block;
   padding: 10px 15px;
   text-decoration: none;
-  color: rgb(255, 255, 255);
+  color: rgb(35, 35, 35);
   z-index: 999;
 
 }
@@ -580,7 +580,7 @@ input:focus {
 
 /* Hover effects */
 .dropdown-content a:hover {
-  background-color: #f1f1f1;
+  background-color: #555555;
 }
 
 /* Show dropdown on hover */

templates/navbar.jinja

@@ -14,6 +14,7 @@
                 <a href="/species/portal">Add Species</a>
                 <a href="/species">View Species</a>
                 <a href="/species_search">Search Species</a>
+                <a href="/login">Login page</a>
             </div>
         </div>
         {# todo #}