*{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;font-family:"Poppins",sans-serif;color:#000;background:#f6ed57;scroll-behavior:smooth}.all{position:relative;width:100%;height:100vh}.all-touching{background:red}.all-touching .happy{display:none}.all-touching .sad{display:inline-block!important}.container{display:flex;position:absolute;width:100%;height:100vh;align-items:center;justify-content:center}.container .center{width:640px}.below-the-fold{background:#000;color:#fff}.touching{background:url(/static/media/biohazard.09f01683.png) 50% no-repeat rgba(246,239,71,.8);background-size:50%;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;display:none;color:#fff;font-family:monospace}.detector{position:relative;width:640px;height:480px;background:#000}.detector canvas,.detector video{width:640px;height:480px;position:absolute;border-radius:50%;overlfow:hidden}.detector-no{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:9;background-color:rgba(0,0,0,.8);text-align:center;width:100%;height:100%;color:red;display:flex;justify-content:center;align-items:center;font-size:240px;font-weight:700;font-style:italic}.hidden-canvas{display:block}.bottom,h1{text-align:center}.bottom a{display:inline-block;margin-top:40px;color:red}.loader,.loader:after{border-radius:50%;width:50px;height:50px;margin-top:10px}.loader{font-size:10px;position:relative;text-indent:-9999em;border:10px solid #000;border-left-color:#f6ed57;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.title{color:#000;font-size:42px;line-height:.8;text-align:center;margin-bottom:20px}.training-ui{bottom:0;width:100%;height:80px;background:#f6ed57;color:#000;border:2px solid #000;position:absolute;-webkit-transition:all .5s;transition:all .5s}.training-ui-red{background:red}.training-ui .left,.training-ui .right{height:100%;float:left;display:flex;align-items:center}.training-ui .left{width:426px;padding-left:20px;font-weight:700}.training-ui .right{width:210px;justify-content:center}.training-ui-center{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;display:flex;align-items:center;justify-content:center}.training-ui button{width:150px;height:50px;font-family:"Poppins",sans-serif;outline:none;border:0;background:#000;color:#f6ed57;font-size:18px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.training-ui button:hover{background:#333}.training-ui .countdown{width:150px;height:50px;background:#000;display:none;align-items:center}.training-ui .countdown div{color:#f6ed57;font-weight:700;flex:1 0 21%;opacity:.5;-webkit-transition:.25s;transition:.25s;text-align:center}.training-ui .countdown div:first-of-type{opacity:1}.training-ui .countdown img{width:24px}.training-ui .countdown1 div:first-of-type,.training-ui .countdown1 div:nth-of-type(2),.training-ui .countdown1 div:nth-of-type(3),.training-ui .countdown2 div:first-of-type,.training-ui .countdown2 div:nth-of-type(2),.training-ui .countdown3 div:first-of-type{opacity:1}.training-ui .bar{width:150px;height:50px;background:#000;border:2px solid #000;display:none;position:relative}.training-ui .bar div{height:100%;width:0;position:absolute;left:0;top:0;background:#f6ed57}.training-ui .item-active-flex{display:flex}.training-ui .item-active{display:block}.training-ui-hide{display:none}.hand-gif{position:absolute;bottom:90px;right:10px;z-index:9;width:100px}.below{background:#000;color:#fff;padding:40px}.below-container{max-width:600px;margin:0 auto}.below p{font-family:helvetica;line-height:1.5}.below strong{display:block}.below a{color:#f6ed57}.below a:hover{color:#ccc}.below h2{font-size:32px;line-height:48px;text-transform:uppercase;color:#f6ed57;font-style:italic}.about-btn{position:absolute;bottom:10px;right:10px;text-align:center}.about-btn a{text-transform:uppercase;color:#000;font-weight:700;-webkit-transition:opacity .5s;transition:opacity .5s;font-size:14px}.about-btn a:hover{color:#333}.mute-btn{position:absolute;top:10px;right:10px}.mute-btn button{border:0;outline:0;background:none;cursor:pointer}.mobile{height:100%;text-transform:uppercase;line-height:1;font-size:14px}.mobile h1{font-family:"Poppins",sans-serif;font-weight:700;font-style:italic}.mobile div{margin:100px 40px;text-align:center}.area-bottom,.area-left,.area-right,.area-top{position:absolute;display:flex;text-align:center;align-items:center;justify-content:center}.area-bottom .happy,.area-bottom .sad,.area-left .happy,.area-left .sad,.area-right .happy,.area-right .sad,.area-top .happy,.area-top .sad{width:160px;height:160px}.area-bottom .sad,.area-left .sad,.area-right .sad,.area-top .sad{display:none}.area-bottom .bubble,.area-left .bubble,.area-right .bubble,.area-top .bubble{width:200px}.area-bottom .img-wrapper,.area-left .img-wrapper,.area-right .img-wrapper,.area-top .img-wrapper{width:100%;position:absolute}.area-bottom .img-wrapper-top,.area-left .img-wrapper-top,.area-right .img-wrapper-top,.area-top .img-wrapper-top{top:20px}.area-bottom .img-wrapper-bottom,.area-left .img-wrapper-bottom,.area-right .img-wrapper-bottom,.area-top .img-wrapper-bottom{bottom:20px}.area-top{width:100%;height:calc((100vh - 480px)/2);top:0;left:0}.area-right{height:100%;width:calc((100vw - 640px)/2);right:0;top:0}.area-right .big-text{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.area-left{height:100%;width:calc((100vw - 640px)/2);left:0;top:0}.area-left .big-text{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.area-bottom{width:100%;height:calc((100vh - 480px)/2);bottom:0;left:0}.area-bottom .big-text{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.big-text{font-size:140px;font-weight:200;font-style:italic;text-transform:uppercase;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}
/*# sourceMappingURL=main.4a87e456.chunk.css.map */