Quiz ui

FullstackProsjekt/src/frontend/src/assets/main.css

@@ -11,7 +11,7 @@ input {
     border: none;
     min-width: 220px;
     background-color: #E5E5E5;
-    margin: 10px;
+    margin-bottom: 10px;
     font-family: monospace;
 }
 input::placeholder {
@@ -72,13 +72,17 @@ label {
     cursor: pointer;
 }
 .delete-btn{
-    padding: 8px;
+    padding: 10px;
     background-color: #cc513b;
     border-color: transparent;
     color: #242F40;
     border-radius: 10px;
     font-family: monospace;
     cursor: pointer;
+    text-decoration: none;
+}
+.delete-btn:hover{
+    background-color: #d9563e;
 
 }
 .add-Btn {
@@ -86,11 +90,10 @@ label {
     color: white;
     font-size: 16px;
     padding: 10px;
-    border-radius: 20px;
+    border-radius: 10px;
     border-color: transparent;
-    margin-top: 10px;
     cursor: pointer;
-
+    text-decoration: none;
 }
 .add-Btn:hover{
     cursor: pointer;
@@ -122,16 +125,17 @@ label {
 .submit-btn{
     background-color: #CCA43B;
     font-size: 20px;
-    padding: 20px;
+    padding: 10px;
     border-radius: 5px;
     border-color: transparent;
     min-width: 160px;
     font-family: monospace;
-    transition: 0.2s;
+    transition: 0.4s;
     cursor: pointer;
 }
 .submit-btn:hover{
     background-color: #a67d0e;
+    color: white;
 }
 .submit-btn:active{
     background-color: #2D333B;