clean tests & other things

resources/sass/components/_btn.scss

@@ -3,14 +3,17 @@
 .btn {
     font-size: 1.6rem;
     border: 1px solid transparent;
-    padding: 0.5rem;
+    padding: 0.5rem 1rem;
     border-radius: 0.5rem;
     cursor: pointer;
     box-shadow: 1px 1px 2px $grey;
+    text-decoration: none;
     transition: background-color 0.2s, color 0.2s;
 
     &:hover {
         transition: background-color 0.2s, color 0.2s;
+        background-color: $mediumDark;
+        color: $white;
     }
 }
 
@@ -20,20 +23,26 @@
     border-color: $medium;
     color: $white;
 
-    &:hover {
-        background-color: $dark;
-        color: $light;
+    &:visited,
+    &:focus {
+        color: $white;
     }
 }
 
 .btn-secondary {
     @extend .btn;
     background-color: $mediumLight;
-    border-color: $medium;
+    border-color: $mediumLight;
     color: $dark;
+}
+
+.btn-alert {
+    @extend .btn;
+    background-color: $error;
+    border-color: $error;
+    color: $white;
 
     &:hover {
         background-color: $dark;
-        color: $light;
     }
 }

resources/sass/components/_elements.scss

@@ -4,11 +4,13 @@ label {
     display: block;
 }
 
+textarea,
 input {
     width: 100%;
     border: 1px solid $light;
     background-color: $greyLight;
     font-size: 1.6rem;
+    font-family: $fontMain;
     padding: 0.5rem;
     border-radius: 0.5rem;
 
@@ -21,3 +23,12 @@ input {
 input[type="checkbox"] {
     width: unset;
 }
+
+a {
+    color: $mediumDark;
+
+    &:focus,
+    &:visited {
+        color: $dark;
+    }
+}

resources/sass/components/main.scss

@@ -8,3 +8,7 @@ main {
     width: 100%;
     height: calc(100vh - 4.5rem);
 }
+
+.main-top {
+
+}