.notFound {
height: 100vh; &__wrapper { background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; height: 100vh; &:before { @include position(absolute, 0 0 0 0); content: ''; background: linear-gradient(45deg, rgba(#a177ff, 0.5), rgba(#02CEFF, 0.5)); } } &__content { text-align: center; max-width: 500px; position: relative; } &__title { color: rgba($white, 0.95); margin-bottom: 40px; &:after { content: ''; display: block; margin: 40px auto 0; border-top: 1px solid rgba($white, 0.3); max-width: 160px; } } &__description { color: rgba($white, 0.8); } &__contextHeading { text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.025em; color: rgba($white, 0.6); }
}