@import url(reboot.css);@keyframes preloader-animation{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}:root{--bg-dark:#121212;--bg-light:#fff;--container-width:960px;--primary-color:#ff5722;--text-white:#fff}body{font-family:Roboto,sans-serif}.button{align-items:center;background:var(--bg-light);border:0;border-radius:.5rem;box-shadow:0 0 .5rem .125rem rgb(0 0 0/25%);color:var(--primary-color);display:flex;font-weight:500;gap:.25rem;padding:.75rem 1.25rem;text-transform:uppercase;transition:250ms}.button:focus,.button:hover{background:var(--primary-color);color:var(--text-white);outline:0}.container{margin:0 auto;max-width:var(--container-width)}#home{background:url(../img/background.webp)var(--bg-dark) no-repeat center center/cover;box-shadow:inset 0 0 0 100vw rgb(0 0 0/25%);height:100vh;padding:10vh 2rem 5vh;width:100%}#home>.container{display:flex;flex-flow:column;height:100%}#home .header{text-align:center}#home .header h1{color:var(--primary-color);font-family:"Roboto Mono",monospace;font-size:2.25rem;font-weight:300;text-transform:uppercase}#home .header h1 strong{color:var(--text-white);margin-right:.25rem}#home .header p{color:var(--text-white);font-size:1.25rem;font-weight:300;margin:0 auto;max-width:28rem}#home .header p a{color:var(--primary-color);text-decoration:none}#home .upload{align-items:center;display:flex;flex:1;flex-flow:column;justify-content:center;margin-bottom:4vh}#home .upload p{color:var(--text-white);font-size:.875rem;margin:1rem}#home .copyright{color:var(--text-white);text-align:center}@media (min-width:768px){#home .header h1{font-size:3rem}#home .upload{margin-bottom:8vh}}#view,#view .menu{display:flex;position:absolute}#view{background:rgb(0 0 0/75%);height:100vh;padding:2rem;top:0;width:100%}#view .menu{gap:.5rem;left:50%;margin-left:-3.25rem;bottom:4rem}#view .menu .button{padding:.75rem}#view img{background:var(--bg-dark);box-shadow:0 0 .5rem .125rem rgb(0 0 0/50%);margin:auto;max-height:100%;max-width:100%}#home .spinner{margin-top:2rem}#home .spinner>div{animation:preloader-animation 1.4s infinite ease-in-out both;background-color:#fff;border-radius:100%;display:inline-block;height:1.125rem;width:1.125rem}#home .spinner .spinner-one{animation-delay:-.32s}#home .spinner .spinner-two{animation-delay:-.16s}