html, body {
margin: 0;
padding: 0;
}
body {
height: 100vh;
max-height: 100vh;
}
#page {
font-size: 30vh;
/* other font sizes, depending on CEF support */
/* font-size: min(30vmin, max(90vh, calc(100vw * 0.40))); */
/* font-size: clamp(10vmin, 90vh, calc(100vw * 0.40)); */
height: 100%;
line-height: 1.1;
}
#countdown {
color: #fc6;
box-sizing: border-box;
text-shadow: 0 0.05em 0.08em #000;
padding-top: 4vh;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin: 0 auto;
}
#bar {
height: 20vh;
}
#progress {
background: #000;
width: 0%;
height: inherit;
}