74 lines
1.1 KiB
SCSS
74 lines
1.1 KiB
SCSS
@import './vars.scss';
|
|
@import './form.scss';
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Open+Sans&display=swap');
|
|
* {
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: white;
|
|
font-family: 'Open Sans', sans-serif;
|
|
|
|
&::selection {
|
|
color: white;
|
|
background-color: $accent;
|
|
}
|
|
}
|
|
|
|
html {
|
|
font-size: 0.85rem;
|
|
@media (max-width: $breakpoint) {
|
|
font-size: 0.6rem;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
&,
|
|
* {
|
|
font-family: 'Comfortaa', sans-serif;
|
|
}
|
|
font-size: 6rem;
|
|
text-align: center;
|
|
padding-bottom: $medium-padding;
|
|
}
|
|
|
|
.red {
|
|
color: $red;
|
|
&::selection {
|
|
color: $accent;
|
|
background-color: white;
|
|
}
|
|
}
|
|
|
|
html,
|
|
body,
|
|
canvas {
|
|
height: 100%;
|
|
width: 100%;
|
|
background: black;
|
|
}
|
|
|
|
body {
|
|
#landing-ui {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#overlay {
|
|
margin: 0.5rem 1.25rem;
|
|
position: absolute;
|
|
right: 0;
|
|
font-size: 0.75rem;
|
|
white-space: pre;
|
|
font-family: 'Lucida Console', Monaco, monospace;
|
|
|
|
@media (max-width: $breakpoint) {
|
|
font-size: 0.6rem;
|
|
}
|
|
}
|
|
}
|