html,
body {
padding: 0;
margin: 0;
}
html {
max-width: 100%;
font-size: 10vmin;
scroll-snap-type: y mandatory;
}
p,
pre,
h1,
h2,
img,
svg {
scroll-snap-align: center;
scroll-snap-stop: always;
}
p,
pre,
h1,
h2 {
margin: 100vh 0;
}
pre {
padding: 1em;
overflow-x: auto;
font-size: 0.8rem;
line-height: 0.9rem;
}
p,
h1,
h2 {
text-align: center;
}
img {
width: auto;
height: auto;
max-width: 100vh;
max-height: 100vh;
}
svg {
width: 100%;
height: 100vh;
}
p {
line-height: 1rem;
}