2021-11-04 11:45:18 +00:00
|
|
|
:root {
|
|
|
|
|
--color-main-light: #ffedd8;
|
|
|
|
|
--color-main-base: #e6ccb2;
|
|
|
|
|
--color-main-dark: #9c6644;
|
|
|
|
|
--color-main-black: #1B1811;
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-03 22:46:45 +00:00
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
|
|
|
|
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
2021-11-04 11:45:18 +00:00
|
|
|
background-color: var(--color-main-light);
|
2021-11-03 22:46:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
2021-11-04 11:45:18 +00:00
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
border: .1rem solid var(--color-main-dark);
|
|
|
|
|
color: var(--color-main-dark);
|
|
|
|
|
background: var(--color-main-light);
|
|
|
|
|
border-radius: 100vmax;
|
|
|
|
|
padding: 0.4em 1em;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button:hover {
|
|
|
|
|
background: var(--color-main-dark);
|
|
|
|
|
color: var(--color-main-light);
|
|
|
|
|
}
|
