33 lines
605 B
CSS
33 lines
605 B
CSS
|
||
:root {
|
||
--base_font_size: 62.5%;
|
||
}
|
||
html {
|
||
font-size: var(--base_font_size);
|
||
}
|
||
body, main {
|
||
overflow-x: clip;
|
||
margin: auto;
|
||
width: fit-content;
|
||
background-color: #f6f6f6;
|
||
}
|
||
script, style {
|
||
display: none;
|
||
}
|
||
pre {
|
||
margin: 10px 0px;
|
||
}
|
||
|
||
/* https://css-tricks.com/slow-movement/#h-you-can-implement-native-smooth-scrolling-in-css */
|
||
/* Animate scrolling only if users don’t prefer reduced motion */
|
||
@media (prefers-reduced-motion: no-preference) {
|
||
html {
|
||
scroll-behavior: smooth;
|
||
}
|
||
|
||
/* Add some spacing between the target and the top of the viewport */
|
||
:target {
|
||
scroll-margin-top: 0px;
|
||
}
|
||
}
|