fix buttons styling

S-Y-A-N · Jan 31, 2024 · 2a2fe95 · 2a2fe95
1 parent ed1ed98
commit 2a2fe95
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/css/main.css b/css/main.css
@@ -160,13 +160,20 @@ form > div > label {
 form > button {
     margin-top: .7rem;
 }
-button {
+form > button, 
+#restart, 
+#reset {
     /* font-weight: 500; */
     border: none;
     padding: .5rem .8rem;
 }
 
-button:hover, button:focus {
+form > button:hover, 
+form > button:focus, 
+#restart:hover, 
+#restart:focus, 
+#reset:hover, 
+#reset:focus {
     cursor: pointer;
     color: rgb(255, 91, 91);
     box-shadow: 3px 3px 0px #8a0b0b;
@@ -179,6 +186,8 @@ button:hover, button:focus {
     display: flex;
     justify-content: space-evenly;
 
+    margin-bottom: 3rem;
+
 }
 
 @media screen and (max-width: 550px) {