2022-03-06 19:46:59 -05:00
|
|
|
:root {
|
|
|
|
|
--main-content-width: 800px;
|
2022-03-07 19:42:47 -05:00
|
|
|
--page-nav-height: 60px;
|
2022-03-06 19:46:59 -05:00
|
|
|
--gap: 8px;
|
|
|
|
|
--gap-half: calc(var(--gap) / 2);
|
|
|
|
|
--gap-double: calc(var(--gap) * 2);
|
|
|
|
|
--border-radius: 4px;
|
|
|
|
|
--font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-07 01:16:08 -05:00
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
|
:root {
|
|
|
|
|
--main-content-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-06 19:46:59 -05: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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
