html {
width:100vw;
height:100vh;
margin:0;
padding:0;
}
body {
overflow:hidden;
width:100vw;
height:100vh;
font-family: 'Roboto', sans-serif;
font-size: min( 16px, calc( 16 * 100vw / 1920 ) );
}
#boot-spinner {
margin-top:20%;
text-align:center;
font-size:44px;
}
#boot h1 {
text-align:center;
margin-top:60px;
}
.display-container {
position:absolute;
top:0;
left:0;
width:100vw;
right:0;
bottom:0;
animation-duration: 1.6s;
height:100vh;
}
.level-1 {
z-index:3;
}
.level-2 {
z-index:2;
}
.level-3 {
z-index:1;
}
.hidden {
display:none;
}
.fadeOut {
animation-fill-mode: forwards;
}