39 lines
666 B
SCSS
39 lines
666 B
SCSS
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap');
|
|
|
|
@import './variables';
|
|
@import './plume';
|
|
|
|
body {
|
|
text-align: center;
|
|
font-family: $font-family;
|
|
background-color: #2c3a47;
|
|
color: $color;
|
|
margin: 0;
|
|
user-select: none;
|
|
}
|
|
|
|
button {
|
|
font-family: $font-family;
|
|
border: none;
|
|
padding: 1rem;
|
|
text-decoration: none;
|
|
background: $color;
|
|
color: $bgcolor;
|
|
cursor: pointer;
|
|
transition: background 250ms ease-in-out, transform 150ms ease;
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
button:hover,
|
|
button:focus {
|
|
background: darken($color, 15);
|
|
}
|
|
|
|
button:active {
|
|
transform: scale(0.99);
|
|
}
|
|
|
|
.pretty {
|
|
font-size: 16pt;
|
|
}
|