Better Menu Mobile

.idea/workspace.xml

@@ -51,7 +51,7 @@
       <option name="presentableId" value="Default" />
       <updated>1679674447095</updated>
       <workItem from="1679674448294" duration="3278000" />
-      <workItem from="1679754546660" duration="2767000" />
+      <workItem from="1679754546660" duration="2982000" />
     </task>
     <servers />
   </component>

Style.css

@@ -150,7 +150,7 @@ body
     .dropdown div
     {
         right: 150px;
-        border-radius: 50px 0px 0 50px;
+        border-radius: 0px;
         top: 10px;
     }
 
@@ -173,6 +173,7 @@ body
     .mobileMenuButton
     {
         display: inline-block;
+        transition: all 0.5s ease 0s;
     }
 }
 
@@ -182,16 +183,24 @@ body
     height: 50px;
     position: absolute;
     right: 30px;
-    top: 30px
+    top: 30px;
+    color: white;
+}
+
+.mobileMenuButton svg:hover
+{
+    color: #0088a9;
 }
 
 .mobileMenuDropDown
 {
     display: none;
     background-color: #24242A;
+    transition: all 0.5s ease 0s;
 }
 
 
+
 .mobileMenuDropDown li
 {
     list-style: none;

index.html

@@ -55,7 +55,9 @@
                         </ul>
                     </div>
                 </li>
+                <hr/>
                 <li><a href="#">Quicklinks</a></li>
+                <hr/>
                 <li><a href="#">About Us</a></li>
             </ul>
         </div>