Format

public/assets/css/style.css

@@ -79,13 +79,19 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
+    gap: 10px;
+    margin-top: 30px;
 }
 
 form {
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 250px;
+    border: 2px solid #AAAAAA;
+    border-radius: 10px;
+    padding: 10px;
+    margin: 20px;
+    gap: 5px;
 }
 
 .loginForm input {
@@ -112,8 +118,6 @@ a {
 button {
     background-color: transparent;
     border: 2px solid #606060;
-    margin: 10px;
-    width: 75px;
     border-radius: 5px;
     padding: 5px;
     gap: 5px;
@@ -134,7 +138,6 @@ input {
     border-radius: 5px;
     padding: 2px;
     padding-left: 5px;
-    width: 95%;
     gap: 5px;
     color: white;
     text-decoration: none;
@@ -220,7 +223,6 @@ a:focus {
 .inputGroup {
     display: flex;
     flex-direction: row;
-    min-width: 500px;
     gap: 16px;
 }
 
@@ -272,6 +274,8 @@ p {
     color: #eeeeee;
     font: 16px tahoma, sans-serif;
     min-width: 50px;
+    margin-top: 5px;
+    margin-bottom: 5px;
 }
 
 :focus {