.fade-in{animation:fadeIn 2s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}html{background:#000;margin:0;height:100%}body{background:#000;margin:0;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.page-container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1;width:100%}.image-container{width:calc(100vh*.4)}.image-container img{width:calc(100vh*.4);display:none}.page-footer{font-family:'Roboto Mono',monospace;text-align:center;margin-bottom:calc(100vh*.02777777777);user-select:none}.page-footer-timer{display:flex}.page-footer-timer-text{color:#fff;text-transform:uppercase;user-select:none;display:block;font-size:1.5vh}#timer{margin-right:calc(100vw*.01)}@media screen and (max-width:600px) and (orientation:portrait){#timer{margin-right:calc(100vw*.05)}.image-container,.image-container img{width:calc(100vh*.3)}}