Optimized and cleaned up more scss

src/assets/scss/login.scss

@@ -7,7 +7,7 @@
   z-index: -1;
   left: 50%;
   top: 50%;
-  transform: translateX(-50%) translateY(-50%);
+  transform: translate(-50%, -50%);
 }
 
 .content-wrapper {
@@ -24,6 +24,7 @@
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
+
     .login-form {
       width: inherit;
 
@@ -43,10 +44,9 @@
           label {
             color: $black;
             background-color: rgba($white, 0.5);
-            padding: 0.25rem 0.25rem;
+            padding: 0.25rem;
             font-size: 0.875rem;
-            border-top-left-radius: 3px;
-            border-top-right-radius: 3px;
+            border-radius: 3px 3px 0 0;
           }
           
           input {
@@ -69,7 +69,6 @@
       .button {
         padding: 0.6rem 0;
         min-width: 6.25rem;
-        position: relative;
         font-size: 0.65rem;
         border-radius: 5px;
 
@@ -85,7 +84,7 @@
   margin-top: 7rem;
   text-align: center;
   font-size: 3rem;
-  text-shadow:
+  text-shadow: 
     -1px -1px 0 $gray,
     1px -1px 0 $gray,
     -1px 1px 0 $gray,
@@ -94,4 +93,4 @@
 
 a {
   text-decoration: none;
-}
+}

src/assets/scss/main.scss

@@ -18,22 +18,12 @@ body {
   user-select: none; /* Standard syntax */
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
   font-family: GentiumPlus, serif;
   color: $white;
 }
 
-p, 
-span, 
-li, 
-a,
-button,
-label {
+p, span, li, a, button, label {
   font-family: Arial, sans-serif;
   color: $white;
 }
@@ -45,20 +35,21 @@ button, input {
 
 button {
   text-align: center;
+
   &.btn-purple {
     background-color: rgba($purple, 0.75);
-    border: rgba($white, 0.35) 1px solid;
+    border: 1px solid rgba($white, 0.35);
 
     &:hover {
       background-color: rgba($lilac, 0.75);
     }
   }
-}
 
-button:hover {
-  cursor: pointer;
+  &:hover {
+    cursor: pointer;
+  }
 }
 
 ::-webkit-scrollbar {
   display: none;
-}
+}