Cleanup styling, added global styling

src/assets/scss/login.scss

@@ -48,9 +48,8 @@
             border-top-left-radius: 3px;
             border-top-right-radius: 3px;
           }
+          
           input {
-            background-color: transparent;
-            border: none;
             padding: 0.3rem 0.25rem;
             font-size: 0.875rem;
 
@@ -70,21 +69,13 @@
       .button {
         padding: 0.6rem 0;
         min-width: 6.25rem;
-        text-align: center;
         position: relative;
         font-size: 0.65rem;
-        background-color: rgba($purple, 0.75);
-        border: rgba($white, 0.35) 1px solid;
         border-radius: 5px;
 
         span {
-          color: $white;
           margin: auto;
         }
-
-        &:hover {
-          background-color: rgba($lilac, 0.75);
-        }
       }
     }
   }
@@ -94,7 +85,6 @@
   margin-top: 7rem;
   text-align: center;
   font-size: 3rem;
-  color: $white;
   text-shadow:
     -1px -1px 0 $gray,
     1px -1px 0 $gray,
@@ -102,18 +92,6 @@
     1px 1px 0 $gray;
 }
 
-p,
-a,
-li,
-label {
-  color: $white;
-}
-
-button {
-  background-color: transparent;
-  border: none;
-}
-
 a {
   text-decoration: none;
 }

src/assets/scss/main.scss

@@ -25,6 +25,7 @@ h4,
 h5,
 h6 {
   font-family: GentiumPlus, serif;
+  color: $white;
 }
 
 p, 
@@ -34,6 +35,24 @@ a,
 button,
 label {
   font-family: Arial, sans-serif;
+  color: $white;
+}
+
+button, input {
+  border: none;
+  background-color: transparent;
+}
+
+button {
+  text-align: center;
+  &.btn-purple {
+    background-color: rgba($purple, 0.75);
+    border: rgba($white, 0.35) 1px solid;
+
+    &:hover {
+      background-color: rgba($lilac, 0.75);
+    }
+  }
 }
 
 button:hover {