diff --git a/frontend/src/app/components/home/home.component.html b/frontend/src/app/components/home/home.component.html
index 3e819bc..0ddcc39 100644
--- a/frontend/src/app/components/home/home.component.html
+++ b/frontend/src/app/components/home/home.component.html
@@ -1,3 +1,3 @@
-<section>
+<section class="bg-home">
   <app-header></app-header>
 </section>
diff --git a/frontend/src/app/components/home/home.component.scss b/frontend/src/app/components/home/home.component.scss
index e69de29..632f6e0 100644
--- a/frontend/src/app/components/home/home.component.scss
+++ b/frontend/src/app/components/home/home.component.scss
@@ -0,0 +1,12 @@
+section {
+  width: 100vw;
+  height: 100vh;
+}
+
+.bg-home {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+    url(./../../../assets/img/backgrounds/home.png);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
diff --git a/frontend/src/app/shared/components/btn-large/btn-large.component.scss b/frontend/src/app/shared/components/btn-large/btn-large.component.scss
index 1b726bd..fc0735e 100644
--- a/frontend/src/app/shared/components/btn-large/btn-large.component.scss
+++ b/frontend/src/app/shared/components/btn-large/btn-large.component.scss
@@ -3,7 +3,7 @@
 .btn {
   padding: 12px 24px;
   width: fit-content;
-  box-shadow: 1px 1px 3px $gray;
+  box-shadow: 1px 1px 3px $black;
   border-radius: 24px;
   color: $white;
   background-color: $blue;
diff --git a/frontend/src/assets/img/backgrounds/home.png b/frontend/src/assets/img/backgrounds/home.png
new file mode 100644
index 0000000..195bd6f
Binary files /dev/null and b/frontend/src/assets/img/backgrounds/home.png differ