feat: menu dropdown in navbar

gestaoRaul/templates/static/base.css

@@ -1,8 +1,11 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap');
 body {
     margin: 70px 0px 0px 0px;
-    /* padding: 15px;
-    font-family: Arial, sans-serif; */
+    /* padding: 15px; */
+}
+
+h1{
+text-align: center;
 }
 
 * {
@@ -61,7 +64,6 @@ body {
     border: none;
     padding: 10px 15px;
     border-radius: 5px;
-    background-color: #0187a7;
     margin-top: 10px;
 }
 
@@ -80,7 +82,53 @@ body {
     display: none;
 }
 
+/* .dropbtn {
+    background-color: #04AA6D;
+    color: white;
+    padding: 16px;
+    font-size: 16px;
+    border: none;
+  }
+   */
+  .dropdown {
+    position: relative;
+    display: inline-block;
+    color: #fff;
+  }
+  
+  .dropdown-content {
+    display: none;
+    position: absolute;
+    border-radius: 5px;
+    background-color: #313238;
+    min-width: 160px;
+    box-shadow: 0px 3px 10px #464646;
+  }
+  
+  .dropdown-content a {
+    color: rgb(255, 255, 255);
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+  }
+  
+  .dropdown-content a:hover {
+    background-color: #7a7a7a;
+    border-radius: 5px;
+}
+  
+  .dropdown:hover .dropdown-content {display: block;}
+  
+  /* .dropdown:hover .dropbtn {background-color: #3e8e41;} */
+
 @media screen and (max-width: 730px) {
+    .dropdown-content {
+        display: none;
+        margin-top: 40px;
+        position: relative;
+        border-radius: 0px;
+        min-width: 160px;
+      }
     .nav-bar {
         padding: 0.1rem 2rem;
     }