32 lines
574 B
SCSS
32 lines
574 B
SCSS
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
|
|
|
|
$color: #f8efba;
|
|
|
|
body {
|
|
text-align: center;
|
|
font-family: 'Anonymous Pro', monospace;
|
|
background-color: #2c3a47;
|
|
color: $color;
|
|
margin: 0;
|
|
}
|
|
|
|
button {
|
|
font-family: 'Anonymous Pro', monospace;
|
|
border: none;
|
|
padding: 1rem;
|
|
text-decoration: none;
|
|
background: #0069ed;
|
|
color: $color;
|
|
cursor: pointer;
|
|
transition: background 250ms ease-in-out, transform 150ms ease;
|
|
}
|
|
|
|
button:hover,
|
|
button:focus {
|
|
background: #0053ba;
|
|
}
|
|
|
|
button:active {
|
|
transform: scale(0.99);
|
|
}
|