refactoring

WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css

@@ -6,20 +6,23 @@ body{
     background-size: cover;
     font-family: 'Roboto', sans-serif;
 }
+
 h1{
     text-align: center;
     color: white;
-    font-size: 40px
+    font-size: 40px;
 }
+
 h2{
     text-align: center;
-    color: white
+    color: white;
 }
 
 input{
     background: transparent;
     border: 2px solid white;
 }
+
 input:focus{
     border: 2px solid #ff5c33;
     outline: none;
@@ -27,8 +30,7 @@ input:focus{
 
 a.button{
     display: block;
-    margin-right: 500px;
-    margin-left: 500px;
+    margin: 0 auto;
     padding: 30px 90px;
     border: 3px solid white;
     border-radius: 10px;
@@ -36,11 +38,14 @@ a.button{
     text-decoration: none;
     font-size: 20px;
     color: white;
+    width: fit-content;
 }
+
 a.button:hover{
     background: rgba(255, 255, 255, 0.25);
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
 }
+
 a.bookmark{
     text-align: right;
     font-size: 20px;
@@ -52,9 +57,7 @@ a.bookmark{
 table.inputs{
     width: 50%;
     text-align: right;
-    margin: 50px;
-    margin-left: auto;
-    margin-right: auto;
+    margin: 50px auto;
 }
 
 table.inputs td:first-child{
@@ -72,8 +75,7 @@ table
     width: 80%;
     font-size: 20px;
     color: white;
-    margin-left: auto;
-    margin-right: auto;
+    margin: 0 auto;
     border-radius: 10px;
     border-collapse: collapse;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);