Basic re-coloring

css/index.style.scss

@@ -0,0 +1,8 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    align-content: center;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}

css/normalize.css

@@ -0,0 +1,46 @@
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+   font-family: inherit; /* 1 */
+   font-size: 100%; /* 1 */
+   line-height: 1.15; /* 1 */
+   margin: 0; /* 2 */
+ }
+
+ /**
+  * Show the overflow in IE.
+  * 1. Show the overflow in Edge.
+  */
+
+ button,
+ input { /* 1 */
+   overflow: visible;
+ }
+
+ /**
+  * Remove the inheritance of text transform in Edge, Firefox, and IE.
+  * 1. Remove the inheritance of text transform in Firefox.
+  */
+
+ button,
+ select { /* 1 */
+   text-transform: none;
+ }
+
+ /**
+  * Correct the inability to style clickable types in iOS and Safari.
+  */
+
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+   -webkit-appearance: button;
+ }

css/output.style.scss

@@ -0,0 +1,9 @@
+$elohell-grey: #2E2E2E;
+$elohell-black: #212121;
+$elohell-pink: #E53E62;
+$elohell-lightgrey: #707070;
+
+table, th, td {
+    font-family: 'Barlow Condensed', sans-serif;
+    color: white;
+}

css/style.scss

@@ -0,0 +1,35 @@
+$elohell-grey: #2E2E2E;
+$elohell-black: #212121;
+$elohell-pink: #E53E62;
+$elohell-lightgrey: #707070;
+
+@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&display=swap');
+
+h1, h2, h3, h4, .vs {
+    color: white;
+    font-family: 'Barlow Condensed', sans-serif;
+    font-weight: bold;
+}
+
+h4 {
+    font-size: 3.125rem;
+    margin: 0;
+}
+
+body {
+    background-color: $elohell-grey;
+    padding: 0;
+    margin: 0;
+    max-width: 100vw;
+    max-height: 100vh;
+}
+
+.btn {
+    background-color: $elohell-pink;
+    font-family: 'Barlow Condensed', sans-serif;
+    color: white;
+    padding: 8px 20px;
+    border-radius: 5%;
+    text-decoration: none;
+    font-size: 24;
+}

css/thanks.style.scss

@@ -0,0 +1,13 @@
+$elohell-grey: #2E2E2E;
+$elohell-black: #212121;
+$elohell-pink: #E53E62;
+$elohell-lightgrey: #707070;
+
+.container {
+    display: flex;
+    flex-direction: column;
+    align-content: center;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}

css/vote.style.scss

@@ -3,26 +3,6 @@ $elohell-black: #212121;
 $elohell-pink: #E53E62;
 $elohell-lightgrey: #707070;
 
-@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&display=swap');
-
-h1, h2, h3, h4, .vs {
-    color: white;
-    font-family: 'Barlow Condensed', sans-serif;
-    font-weight: bold;
-}
-
-h4 {
-    font-size: 3.125rem;
-}
-
-body {
-    background-color: $elohell-grey;
-    padding: 0;
-    margin: 0;
-    max-width: 100vw;
-    max-height: 100vh;
-}
-
 .container, form {
     position: relative;
     display: flex;
@@ -126,3 +106,42 @@ form {
     height: 1%;
     background-color: $elohell-pink;
 }
+
+.team__wrapper {
+    background-color: transparent;
+    color: transparent;
+
+    button {
+        background-color: transparent;
+        color: transparent;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        -ms-appearance: none;
+        -o-appearance: none;
+        appearance: none;
+        border: 0;
+        padding: 0;
+        display: inline-block;
+
+        &:hover {
+            background-color: transparent;
+            border: 0;
+            padding: 0;
+            display: inline-block;
+        }
+
+        &:active {
+            background-color: transparent;
+            border: 0;
+            padding: 0;
+            display: inline-block;
+        }
+
+        &:focus {
+            background-color: transparent;
+            border: 0;
+            padding: 0;
+            display: inline-block;
+        }
+    }
+}