html {
font-size: 16px;
@media (max-width: 1000px) {
font-size: calc(12px + .4vw);
}
}
body {
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.box {
display: flex;
flex: 1 1 auto;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
height: 12rem;
}
h1 {
font-size: 4rem;
}
h2 {
font-size: 2rem;
}
body {
font-size: 1rem;
}