body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Gabarito,Lato,Kanit,Jost,Lisu Bosa,Tektur,Handjet,Quicksand,Oswald,Bricolage Grotesque,Helvetica,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100dvh;overscroll-behavior-y:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.title-card{font-family:Handjet,sans-serif;font-size:200px;text-align:center}#drawing-container{flex:1 1}#drawing-container,.evenly-distribute-vertical{align-items:center;display:flex;height:100%;justify-content:space-evenly;width:100%}.evenly-distribute-vertical{flex:1 1;flex-direction:column}.evenly-distribute{align-items:center;display:flex;flex:1 1;height:100%;justify-content:space-evenly;width:100%}.two{-webkit-text-stroke-color:#000;-webkit-text-stroke-width:3px;-webkit-animation:rainbow 4s ease infinite;animation:rainbow 4s ease infinite;-webkit-background-clip:text;background-image:linear-gradient(45deg,#fff,#fe8630,#ff3330,#fffe0c);background-size:800% 800%;color:transparent}@-webkit-keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 25%}to{background-position:0 50%}}@keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 25%}to{background-position:0 50%}}.blink-text{animation:blinker 1s linear infinite;-webkit-animation:blinker 1s linear infinite;-moz-animation:blinker 1s linear infinite;color:#fff}@-webkit-keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}button{background-color:#000;border:1px solid #fff;color:#fff;font-family:Gabarito,sans-serif;font-size:30px;font-weight:400;padding:10px}@media screen and (orientation:portrait){#drawing{width:90%}.drawing-story{width:33%}#drawing-container,.evenly-distribute{flex-direction:column}.rotational-scale{width:70%}}@media screen and (orientation:landscape){#drawing{height:90%}.drawing-story{height:33%}#drawing-container,.evenly-distribute{flex-direction:row}.rotational-scale{height:80%}}input[type=text]{background-color:#000;box-sizing:border-box;color:#fff;font:24px/24px Gabarito,sans-serif;letter-spacing:1px;text-align:center;width:100%}:focus{outline:none}.inputbox{border:1px solid #ccc;padding:15px;transition:.4s}.inputbox~.focus-border:after,.inputbox~.focus-border:before{background-color:#fff;content:"";height:5px;left:0;position:absolute;top:0;transition:all .3s;width:0}.inputbox~.focus-border:after{bottom:0;left:auto;right:0;top:auto}.inputbox~.focus-border i:after,.inputbox~.focus-border i:before{background-color:#fff;content:"";height:0;left:0;position:absolute;top:0;transition:all .4s;width:5px}.inputbox~.focus-border i:after{bottom:0;left:auto;right:0;top:auto}.inputbox:focus~.focus-border:after,.inputbox:focus~.focus-border:before{transition:.3s;width:100%}.inputbox:focus~.focus-border i:after,.inputbox:focus~.focus-border i:before{height:100%;transition:.4s}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translate(-50px);transform:translate(-50px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translate(-50px);transform:translate(-50px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.slide-left,.slide-right{-webkit-animation:slideInRight .5s ease-in;animation:slideInRight .5s ease-in}.slide-right{animation-direction:reverse}.lds-grid{display:inline-block;height:80px;position:relative;width:80px}.lds-grid div{-webkit-animation:lds-grid 1.2s linear infinite;animation:lds-grid 1.2s linear infinite;background:#fff;border-radius:50%;height:16px;position:absolute;width:16px}.lds-grid div:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:8px;top:8px}.lds-grid div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:32px;top:8px}.lds-grid div:nth-child(3){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:56px;top:8px}.lds-grid div:nth-child(4){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:8px;top:32px}.lds-grid div:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:32px;top:32px}.lds-grid div:nth-child(6){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:56px;top:32px}.lds-grid div:nth-child(7){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:8px;top:56px}.lds-grid div:nth-child(8){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:32px;top:56px}.lds-grid div:nth-child(9){-webkit-animation-delay:-1.6s;animation-delay:-1.6s;left:56px;top:56px}@-webkit-keyframes lds-grid{0%,to{opacity:1}50%{opacity:.3}}@keyframes lds-grid{0%,to{opacity:1}50%{opacity:.3}}.bubble,.digital{font-family:Press Start\ 2P,cursive}.bubble{background-color:#fff;box-shadow:0 -4px #fff,0 -8px #a2a2a2,4px 0 #fff,4px -4px #a2a2a2,8px 0 #a2a2a2,0 4px #fff,0 8px #a2a2a2,-4px 0 #fff,-4px 4px #a2a2a2,-8px 0 #a2a2a2,-4px -4px #a2a2a2,4px 4px #a2a2a2;box-sizing:border-box;color:#000;display:inline-block;font-size:16px;line-height:1.3em;margin:20px;padding:12px;position:relative;text-align:center;width:200px}.bubble:after{box-sizing:border-box;content:"";display:block;position:absolute}.bubble.shadow{box-shadow:0 -4px #fff,0 -8px #a2a2a2,4px 0 #fff,4px -4px #a2a2a2,8px 0 #a2a2a2,0 4px #fff,0 8px #a2a2a2,-4px 0 #fff,-4px 4px #a2a2a2,-8px 0 #a2a2a2,-4px -4px #a2a2a2,4px 4px #a2a2a2,4px 12px rgba(0,0,0,.1),12px 4px rgba(0,0,0,.1),8px 8px rgba(0,0,0,.1)}.bubble-left:after{background:#fff;box-shadow:-4px -4px #fff,-4px 0 #fff,-8px 0 #fff,0 -8px #fff,-4px 4px #a2a2a2,-8px 4px #a2a2a2,-12px 4px #a2a2a2,-16px 4px #a2a2a2,-12px 0 #a2a2a2,-8px -4px #a2a2a2,-4px -8px #a2a2a2,0 -4px #fff;height:4px;left:-8px;top:20px;width:4px}.custom-file-input::-webkit-file-upload-button,.test-file-input::-webkit-file-upload-button{visibility:hidden}input[type=file]{color:transparent}.custom-file-input:before,.test-file-input:before{border:1px solid #999;border-radius:3px;color:#fff;content:"Tap to Record";cursor:pointer;display:block;font-size:20pt;font-weight:700;padding:5px 8px;text-align:center}.test-file-input:before{content:"Test Record"}img:not([src]){visibility:hidden}.grade-A,.grade-B,.grade-C,.grade-D,.grade-E,.grade-F,.grade-S,.highscores-1,.highscores-2,.highscores-3,.highscores-4,.highscores-5{background:linear-gradient(180deg,rgba(55,55,55,.92),hsla(0,0%,9%,.92));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 -1px 0 rgba(0,0,0,.5),4px 4px 0 rgba(0,0,0,.55);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.75)}.grade-S,.highscores-1{background:linear-gradient(180deg,rgba(245,197,66,.42),rgba(160,108,20,.22)),linear-gradient(180deg,rgba(60,42,12,.92),rgba(24,16,4,.92));border:3px solid #f5c542;box-shadow:0 0 26px rgba(245,197,66,.6),inset 0 1px 0 rgba(255,235,170,.6),inset 0 -1px 0 rgba(0,0,0,.6),4px 4px 0 rgba(0,0,0,.6);color:#fff1b8}.grade-A,.highscores-2{background:linear-gradient(180deg,hsla(0,0%,94%,.38),hsla(240,5%,57%,.2)),linear-gradient(180deg,rgba(60,62,68,.92),rgba(20,20,24,.92));border:3px solid #ededed;box-shadow:0 0 22px hsla(0,0%,94%,.55),inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -1px 0 rgba(0,0,0,.55),4px 4px 0 rgba(0,0,0,.6);color:#fff}.grade-B,.highscores-3{background:linear-gradient(180deg,rgba(201,116,58,.22),rgba(100,52,16,.14)),linear-gradient(180deg,rgba(45,28,12,.92),rgba(18,11,4,.92));border:3px solid #c9743a;box-shadow:0 0 16px rgba(201,116,58,.32),inset 0 1px 0 hsla(27,79%,73%,.4),inset 0 -1px 0 rgba(0,0,0,.55),4px 4px 0 rgba(0,0,0,.6);color:#f0bd8c}.grade-C,.grade-D,.grade-E,.grade-F,.highscores-4,.highscores-5{border:3px solid hsla(0,0%,100%,.32);color:#f4f4f4}.highscores-title{text-decoration:underline;text-shadow:0 0 3px #fff,0 0 3px #fff}.dancestop{text-shadow:0 0 3px #000,0 0 5px #000}ol{margin:0}@-webkit-keyframes jfd-slide-out-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes jfd-slide-out-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@-webkit-keyframes jfd-slide-in-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes jfd-slide-in-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}::view-transition-old(root){-webkit-animation:jfd-slide-out-left .28s cubic-bezier(.4,0,.2,1) both;animation:jfd-slide-out-left .28s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){-webkit-animation:jfd-slide-in-right .28s cubic-bezier(.4,0,.2,1) both;animation:jfd-slide-in-right .28s cubic-bezier(.4,0,.2,1) both}@-webkit-keyframes jfd-join-pulse{0%,to{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -3px 0 rgba(0,0,0,.45),0 0 18px rgba(54,255,54,.45),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),inset 0 -3px 0 rgba(0,0,0,.45),0 0 42px rgba(54,255,54,.95),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1.03);transform:scale(1.03)}}@keyframes jfd-join-pulse{0%,to{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -3px 0 rgba(0,0,0,.45),0 0 18px rgba(54,255,54,.45),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),inset 0 -3px 0 rgba(0,0,0,.45),0 0 42px rgba(54,255,54,.95),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1.03);transform:scale(1.03)}}.jfd-join-game-pulse{-webkit-animation:jfd-join-pulse 1.1s ease-in-out infinite;animation:jfd-join-pulse 1.1s ease-in-out infinite}
/*# sourceMappingURL=main.77eec07c.css.map*/