@import url(https://fonts.googleapis.com/css?family=Nunito&display=swap);
html{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-y:hidden;display:flex;align-items:center;font-family:Nunito,sans-serif}.video-background{position:fixed;right:0;bottom:0;width:100vw;height:auto}video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.video-overlay{position:fixed;left:0;top:0;height:100vh;width:100vw;background:hsla(0,0%,100%,.35)}.container{min-width:580px;min-height:304px;color:#000;margin:0 auto;padding:25px 50px;border-radius:5px;z-index:2;background:hsla(0,0%,100%,.85);display:flex;justify-content:center}.input-container{position:relative;top:20px}h1{font-size:35px;text-align:center;margin-top:0;margin-bottom:10px}.form{width:480px}label{font-weight:bold;margin-left:10px}input{width:95%;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:20px;background:#fff;outline:none;font-family:Nunito,sans-serif}button{width:100%;height:40px;border-radius:20px;margin-top:15px;border:none;text-transform:uppercase;background:#006959;color:#fff;cursor:pointer;outline:none}button:hover{filter:brightness(110%)}ul{margin-left:-45px}li{display:inline-block;font-size:30px;list-style-type:none;padding:10px;text-transform:uppercase}li span{display:block;font-size:80px;text-align:center}.complete{position:relative;top:60px}.complete-title{animation:complete 4s infinite}@keyframes complete{0%{color:#e90c0c}25%{color:#d6c100}50%{color:#44e713;transform:scale(1.5)}75%{color:#134fd1}100%{color:#bc10d3}}@media screen and (max-width: 600px){video{object-fit:cover;object-position:70%;margin-top:-1px}.video-background{height:100vh;width:100vw}.container{min-width:unset;width:95vw;min-height:245px;padding:20px;margin:10px}.input-container{top:unset}.countdown{position:relative;top:10px}.form{width:unset}input{width:93%}h1{font-size:20px}li{font-size:15px}li span{font-size:40px}}