refactor(styles): add content styles for home page

styles/pages/home.module.scss

@@ -6,8 +6,44 @@
 
   min-height: 100vh;
   max-width: 100vw;
+  background: hsla(0deg 0% 0% / 50%);
 
-  .message {
+  .title {
-    @extend %title;
+    @extend %typo-title;
+  }
+
+  .subtitle {
+    @extend %typo-subtitle;
+  }
+
+  :where(.title, .subtitle) {
+    font-style: italic;
+  }
+
+  .redirect-link {
+    @include display-flex(center, center, row);
+    @extend %typo-button;
+
+    text-decoration: none;
+    color: hsla(0deg 0% 0% / 100%);
+    background: hsla(0deg 100% 100% / 100%);
+    border-radius: 8px;
+    margin-top: 30px;
+
+    &:hover {
+      color: hsla(0deg 100% 100% / 100%);
+      background: hsla(0deg 0% 0% / 100%);
+    }
+
+    .text {
+      margin-left: 10px;
+    }
+  }
+
+  .video {
+    position: fixed;
+    min-height: 100vh;
+    width: 100vw;
+    z-index: -100;
   }
 }