🎉
This commit is contained in:
31
src/styles/app.scss
Normal file
31
src/styles/app.scss
Normal file
@@ -0,0 +1,31 @@
|
||||
@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);
|
||||
}
|
||||
Reference in New Issue
Block a user