diff --git a/styles/pages/home.module.scss b/styles/pages/home.module.scss index d888ad2..0800299 100644 --- a/styles/pages/home.module.scss +++ b/styles/pages/home.module.scss @@ -6,8 +6,44 @@ min-height: 100vh; max-width: 100vw; + background: hsla(0deg 0% 0% / 50%); - .message { - @extend %title; + .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; } }