36 lines
657 B
SCSS
36 lines
657 B
SCSS
@import url('https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap');
|
|
|
|
$color: #f8efba;
|
|
$bgcolor: #2c3a47;
|
|
$font-family: 'Fira Mono', monospace;
|
|
|
|
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);
|
|
}
|