feat(html): footer

1 files changed, 18 insertions, 3 deletions

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 1b6e93d..42283a8 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -1,12 +1,13 @@
 @use "reset";
 
 $background: hsl(15, 10%, 5%);
+$text: hsl(0, 0%, 100%);
 
 body {
   font-size: 22px;
   font-family: sans-serif;
   background: $background;
-  color: white;
+  color: $text;
 }
 
 h1 {
@@ -34,11 +35,25 @@ p {
   line-height: 1.15em;
 }
 
+a {
+  color: $text;
+}
+
+footer {
+  background: $background;
+  color: $text;
+  display: flex;
+  gap: 1rem;
+  flex-direction: column;
+  padding: 4rem 8rem;
+  text-align: center;
+}
+
 header {
   height: 100vh;
   box-sizing: border-box;
   padding: 2.5% 5%;
-  color: white;
+  color: $text;
   background-image: url("/home.jpg");
   background-size: cover;
   background-position: center;
@@ -64,7 +79,7 @@ section {
   transform: translate(-50%, -50%);
   gap: 1rem;
   background: $background;
-  color: white;
+  color: $text;
   max-width: 800px;
   margin: auto;
   padding: 2rem;