a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{padding:0;margin:0;height:100%;width:100%;overflow:hidden;min-width:1000px;min-height:750px}body,button,input,textarea{font-family:Poppins,sans-serif;font-size:19px}body{background:#313390}h1{font-size:25px;font-weight:700;line-height:1.5;margin-bottom:1rem}p{line-height:1.4}a{color:#ff8976}a:hover{background:#24266a;text-decoration:none}.button,button{display:inline-block;text-decoration:none;border:0;-webkit-appearance:none;background:#ff8976;color:#fff;cursor:pointer;padding:.3rem 1rem;border-radius:6px;font-weight:700;text-transform:uppercase;color:#313390;transform:translateY(0);transition:transform .3s,box-shadow .3s}.button:focus,button:focus{outline:0}.button-large{font-size:1.4rem;padding:.6rem 1.5rem}button:disabled{color:#fff}button:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.progress{background:none;border:6px solid #ff8976}.page-start{display:flex;min-height:100vh;flex-direction:column}.start-content{text-align:center;display:flex;flex-direction:column;justify-content:center;flex:1}.start-logo-image{max-width:500px}.start-subtitle{margin-top:-50px;margin-bottom:52px;color:#fff;font-size:19px;font-weight:700;text-transform:uppercase;color:hsla(0,0%,100%,.7)}.start-footer{display:flex;align-items:left}.start-footer-image{max-height:100px;margin-left:20px;margin-bottom:15px}.page-tutorial{height:100%}.tutorial-part{display:none;height:100%;flex-direction:column;align-items:center;justify-content:center;line-height:1.8rem;color:#313390}.tutorial-part-content{display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:#fff;width:600px;height:400px;padding:30px;border-radius:30px;box-shadow:0 0 60px rgba(0,0,0,.7)}.tutorial-image img{height:200px}.page-main{height:100%;display:none;flex-direction:column}.main-topbar,.page-main{justify-content:space-between}.main-topbar{display:flex;flex-direction:row;width:100%;padding:0 20px;box-sizing:border-box}.main-topbar-buttons{padding:13px 0;margin-right:15px}.main-topbar-buttons button{margin-right:10px}.button-restart img{width:16px}.button-info img{width:10px}.main-topbar-logo{width:250px}.video-outer{display:flex;height:100%;margin-top:-150px;flex-direction:column;align-items:center;justify-content:center}.video-border{position:relative;border-radius:50px;overflow:hidden;border:10px solid #ff8976;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:border-color 1.5s ease-in-out,box-shadow 1.5s ease-in-out}.video-border,.video-container{min-width:600px;min-height:500px}.video-container{transform:scale(1);transition:transform 1.5s ease-in-out}.calibration-overlay{position:absolute;min-width:600px;width:600px;height:500px;min-height:500px;background:rgba(255,0,0,.3);display:flex;align-items:flex-end;justify-content:center}.calibration-overlay img{width:500px}.calibration-overlay.success{background:rgba(0,128,0,.3)}.conducting-overlay{display:none;position:absolute;min-width:600px;width:600px;height:500px;min-height:500px;background:rgba(27,25,111,.33)}.video-container canvas{margin-bottom:-3px}.instructions{color:#fff;margin-top:25px;opacity:1;transition:opacity 1.5s ease-in-out}.orchestra-container{max-height:0%;height:0%;opacity:0;transition:height 1.5s ease-in-out,opacity 1.5s ease-in-out}.countdown-overlay{display:flex;align-items:center;justify-content:center;width:600px;height:500px;position:absolute;opacity:0;transition:opacity 1.5s ease-in-out}.countdown-overlay p{font-size:400px;color:#fff;text-shadow:0 5px 30px rgba(0,0,0,.3)}.timebar{display:flex;height:64px;align-items:center;padding-left:95px}.timebar,.video-label{opacity:0;transition:opacity 2.5s ease-in-out}.video-label{position:absolute;color:hsla(0,0%,100%,.5);font-weight:700;font-size:58px;width:600px;text-align:center;transition-delay:2.5s}.video-label.left{left:-300px}.video-label.left,.video-label.right{width:500px;top:250px;transform:rotate(-90deg)}.video-label.right{right:-300px}.video-label.top{top:-80px}.video-label.bottom{bottom:-80px}.tempo-icon-container{position:absolute;bottom:30px;display:flex;align-items:center;justify-content:center;width:290px;color:#fff;z-index:300}.tempo-icon img{height:40px;margin-bottom:4px}.tempo-icon{opacity:.6;display:flex;flex-direction:column;align-items:center;font-weight:700;justify-content:center}.tempo-icon-label{font-size:14px;color:hsla(0,0%,100%,.6)}.song-progress{width:300px;border-radius:20px;height:25px;text-align:center;color:#fff;font-weight:700;font-size:14px;line-height:25px}.orchestra{width:1000px;margin:0 auto}.tempo-meter-container{position:absolute;padding-top:272px;min-width:1000px;width:100%;display:flex;justify-content:center}.tempo-meter-container-inner{width:290px;height:145px}.tempo-meter-clipping-box{width:290px;height:145px;overflow:hidden;transform:scaleY(.8)}.tempo-meter{position:relative;z-index:150;border-bottom:10px solid #4058d3;transform-origin:bottom center;transform:rotate(-178deg);transition:border-color .5s}.tempo-meter,.tempo-meter-background{width:290px;height:145px;border-radius:145px 145px 0 0}.tempo-meter-background{position:absolute;top:0;z-index:100;background:#2b2984}.tempo-meter.stopped{border-color:#4c4aa0}.tempo-meter.fast{border-color:#a20258}.conducting-mode .countdown-overlay,.conducting-mode .timebar{opacity:1}.conducting-mode .video-container{transform:scale(.4)}.conducting-mode .video-label{opacity:1}.conducting-mode .video-border{border-color:rgba(255,137,118,0);box-shadow:0 10px 20px transparent}.conducting-mode .orchestra-container{height:500px;max-height:500px;opacity:1;padding-top:65px}.conducting-mode .instructions{opacity:0}.page-info{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(49,51,144,.9);z-index:1000;flex-direction:column;justify-content:space-between;align-items:center;padding:50px;box-sizing:border-box;overflow-y:scroll}.info-buttons{width:100%}.info-content-outer{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.info-content{color:#fff;text-align:center;width:60%;max-width:600px}.info-content p{font-size:16px;padding-bottom:20px}.button-info-close{margin-top:30px}.page-finish{display:none;z-index:1000;background:rgba(49,51,144,.9);opacity:0;transition:opacity .7s ease-in-out}.finish-content-outer,.page-finish{position:fixed;left:0;right:0;top:0;bottom:0}.finish-content-outer{display:flex;z-index:1100;align-items:center;justify-content:center}.finish-content{display:flex;flex-direction:column;justify-content:space-around;transform:scale(.8);transition:transform .7s ease-in-out}.finish-text{color:#fff;font-size:80px;text-align:center;margin-bottom:30px}.page-finish.fade-in{opacity:1}.page-finish.fade-in .finish-content-outer{transform:scale(1)}.roses-container{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1100}.rose{position:absolute;top:-60px}.rose,.rose img{width:200px}.page-error{position:fixed;bottom:0;top:0;left:0;right:0;background:#313390;z-index:200;color:#fff;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:30px}.error-container{text-align:center;max-width:570px}.error-container p{font-size:16px;margin-bottom:20px}.error-container img{width:160px;margin-bottom:50px}.error-title{font-weight:700;font-size:30px;padding-bottom:20px}.dot-bg{width:100%;height:100%;position:fixed;z-index:-1}.start-bg{background-image:url(/static/dot-bg.002f0568.svg);background-repeat:repeat;z-index:0}.start-bg,.start-bg-fade{position:absolute;top:0;left:0;right:0;height:30%}.start-bg-fade{z-index:1;background:linear-gradient(transparent,#313390)}.is-mobile{min-width:0;min-height:0}
/*# sourceMappingURL=/static/main.759cae3a.css.map */