@font-face{font-family:"BTTF";src:url("../fonts/BTTF.ttf")}@font-face{font-family:"digits";src:url("../fonts/digital-7.ttf")}@font-face{font-family:"microgramma";src:url("../fonts/microgramma.ttf")}@font-face{font-family:"microgramma";src:url("../fonts/microgramma_bold.ttf");font-weight:bold}@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes wobble{from{transform:translate(0, 0px)}65%{transform:translate(0, 15px)}to{transform:translate(0, 0px)}}@keyframes wobbleX{from{transform:translate(0, 0px)}65%{transform:translate(15px, -15px)}to{transform:translate(0px, 0px)}}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:translate3d(0, 0, 0)}}header{padding:2rem;text-align:center}header img{width:33%;animation:1s bounceInLeft, 3s wobble 1s infinite ease-in-out}@media (max-width: 960px){header img{width:70%}}@media (max-width: 960px){header{padding:1rem}}header button{font-size:1rem;position:absolute;top:1rem;right:1rem}@media (max-width: 960px){header button{font-size:0.8rem}}.time-circuit{display:grid;grid-template-rows:repeat(3, 1fr);max-width:1024px;max-height:600px;width:70%;height:50%;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -46%, 0)}@media (max-width: 960px){.time-circuit{width:90%}}.time-circuit.none>section>section:last-of-type span.time::before,.time-circuit.none>section>section:last-of-type span.time::after{background:#ccc !important}.time-circuit>section{background:url("../images/metal.svg") repeat-x;background-size:100%;border-bottom:solid 5px black;display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr;text-align:center}.time-circuit>section span.time,.time-circuit>section input[type=text]{background:black;color:red;text-shadow:0 0 8px red;font-family:"digits", fantasy;padding:3px;font-size:8rem;position:relative}@media (max-width: 960px){.time-circuit>section span.time,.time-circuit>section input[type=text]{font-size:2rem}}.time-circuit>section>section:last-of-type span.time::before,.time-circuit>section>section:last-of-type span.time::after{content:"";width:20px;height:20px;background:red;display:block;border-radius:50%;position:absolute;left:-30px;top:calc(50% - 10px);transform:translateY(-50%);box-shadow:-2px -2px 5px rgba(0,0,0,0.5) inset,0 0 3px rgba(0,0,0,0.6)}@media (max-width: 960px){.time-circuit>section>section:last-of-type span.time::before,.time-circuit>section>section:last-of-type span.time::after{width:5px;height:5px;left:-8px}}.time-circuit>section>section:last-of-type span.time::after{top:calc(50% + 20px)}@media (max-width: 960px){.time-circuit>section>section:last-of-type span.time::after{top:calc(50% + 5px)}}.time-circuit>section input[type=text]{border:none;width:90%;outline:0;text-align:center}.time-circuit>section>section label{display:inline-block;background:darkred;color:white;font-family:"microgramma", sans-serif;margin:1rem 0;font-size:1.2rem;padding:5px 10px;text-transform:uppercase}@media (max-width: 960px){.time-circuit>section>section label{font-size:0.5rem;padding:2px;margin:0.5rem 0}}.time-circuit>section>div{grid-column:1 /span 5}.time-circuit>section>div label{background:black;color:white;font-family:"microgramma", sans-serif;font-size:1.2rem;margin:1rem 0;padding:5px 10px;display:inline-block;text-transform:uppercase}@media (max-width: 960px){.time-circuit>section>div label{font-size:0.5rem;padding:2px;margin:0.5rem 0}}.time-circuit>section:nth-child(2) span.time{color:#00ff00;text-shadow:0 0 8px #00ff00}.time-circuit>section:nth-child(2)>section:last-of-type span.time::before,.time-circuit>section:nth-child(2)>section:last-of-type span.time::after{background:#00ff00}.time-circuit>section:nth-child(3){grid-template-columns:repeat(3, 1fr)}.time-circuit>section:nth-child(3) span.time,.time-circuit>section:nth-child(3) input{color:yellow;text-shadow:0 0 8px yellow}.error{background:orange;color:black;font-family:"microgramma", sans-serif;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;text-align:center;padding:12px}main{max-width:1440px;margin:0 auto;width:80%;background:rgba(27,56,86,0.7);backdrop-filter:blur(8px);padding:2rem 4rem;color:white;line-height:2rem;box-sizing:border-box}main b{color:orange}main img{max-width:500px}@media (max-width: 960px){main{padding:1rem;width:90%}}body{padding:0;margin:0;background:url("../images/background.png") no-repeat top center black;background-size:100% auto;overflow-x:hidden;font-family:"microgramma",sans-serif}@media (max-width: 960px){body{background-size:cover}body img{max-width:95%}}html,body{min-height:100%}h1,h2,h3,h4{font-family:"BTTF", sans-serif;background:linear-gradient(orange, yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:lowercase;-webkit-text-stroke:2px #4684c4;line-height:initial}@media (max-width: 960px){h1,h2,h3,h4{-webkit-text-stroke:1px #4684c4;word-break:break-word}}h2{font-size:3rem;letter-spacing:-3px}@media (max-width: 960px){h2{font-size:1.2rem}}h3{font-size:2rem}@media (max-width: 960px){h3{font-size:1.5rem}}canvas#smoke{width:100vw;height:100vh;position:absolute;z-index:-1}a{color:orange;text-decoration:none;outline:0;padding-left:25px}a.external{position:relative}a.external::before{content:">";font-family:"BTTF", sans-serif;vertical-align:middle;position:absolute;left:0}button{font-family:"BTTF";font-size:2rem;background:orange;color:black;padding:12px;text-transform:lowercase;border:none}@media (max-width: 960px){button{font-size:1rem}}button.confirm{font-size:1rem;display:inline-block;margin:2rem auto}button.red{background:#c00000;color:white}button.green{background:forestgreen;color:white}