68 lines
946 B
CSS
68 lines
946 B
CSS
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;
|
|
}
|
|
|
|
body {
|
|
padding: 0 2em;
|
|
background: var(--md-sys-color-background);
|
|
color: var(--md-sys-color-on-background);
|
|
}
|
|
|
|
body.scroll {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
padding: 0;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
:is(h1, h2, h3, h4, h5, h6):is(:first-child) {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
h3 {
|
|
margin-block: 1.5em 1em;
|
|
}
|
|
|
|
h4 {
|
|
font-weight: 500;
|
|
margin-block: 1em 0.3em;
|
|
}
|
|
|
|
strong {
|
|
font-weight: 500;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
body {
|
|
padding-inline: 0.5em;
|
|
}
|
|
}
|