website/static/src/scss/_404.scss

46 lines
703 B
SCSS

body.page-404 {
height: 100vh;
main {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0;
color: $white;
}
.content-wrapper {
position: absolute;
text-align: center;
background-color: color.adjust($dark, $alpha: -0.2);
border-radius: $input-radius;
padding: 2rem;
h1 {
font-size: 5rem;
}
p {
font-size: 110%;
}
a:hover {
color: $grey-lighter;
}
}
marquee {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
&.outer {
font-size: 5rem;
}
}
}