Update styles.css

styles.css

@@ -469,42 +469,20 @@ textarea:focus {
 }
 
 /* For Donate */
-/* Style for the three-dot menu */
-/* .three-dot-menu {
-  cursor: pointer;
-  position: relative;
-} */
-
-/* .menu-options ul {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  display: none;
-  position: absolute;
-  background-color: #f9f9f9;
-  border: 1px solid #ccc;
-} */
-
-/* .menu-options ul li {
-  padding: 8px 12px;
-  cursor: pointer;
-} */
-
-/* .menu-options ul li:hover {
-  background-color: #e0e0e0;
-} */
 
 /* Modal styling */
 .modal {
-  display: block;
+  display: none; /* Hidden by default */
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  width: 300px;
+  width: 350px; /* Adjust to fit content */
+  max-width: 90%; /* Makes it responsive for small screens */
   background-color: #fff;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   z-index: 1000;
+  border-radius: 8px; /* Adds a slight rounded corner */
 }
 
 .modal-content {
@@ -527,3 +505,4 @@ textarea:focus {
   display: block;
 }
 
+