body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-red:#ff5c5c;--bg-blue:#413bff;--font-color-white:#fff}*{margin:0;padding:0}html{padding:env(safe-area-inset)}.App{background-color:#282c34;color:#fff;color:var(--font-color-white);height:100vh;position:relative;text-align:center;width:100vw;width:-webkit-fill-available}.container-score{display:flex;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.container-flip{flex-direction:row-reverse!important}.container-team{display:flex;flex:1 1;flex-direction:column}.container-team-button{font-size:30px;padding:10px 30px}.container-control{display:flex;flex-direction:column;justify-content:center;padding:10px 20px}.container-control-button{font-size:30px;line-height:16px;padding:20px 0}.container-switch{background-color:rgba(0,0,0,.3);height:100vh;position:absolute;width:100vw;z-index:9999}.container-switch,.container-switch-control{align-items:center;display:flex;justify-content:center}.container-switch-control{background-color:#fff;border-radius:20px;box-shadow:2px 3px 5px rgba(0,0,0,.2);color:#404040;flex-direction:column;font-size:20px;gap:20px;height:60vh;width:30vw}.input-switch{width:50px}.button-switch,.input-switch{font-size:16px;text-align:center}.button-switch{-webkit-appearance:button;appearance:button;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#405cf5;border-radius:6px;border-width:0;box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1px 0 rgba(0,0,0,.07);box-sizing:border-box;color:#fff;cursor:pointer;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;height:30px;line-height:1.15;margin:12px 0 0;outline:none;overflow:hidden;position:relative;text-transform:none;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .2s,box-shadow .08s ease-in;user-select:none;-webkit-user-select:none;width:80px}.button-switch:focus{box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 6px 15px 0 rgba(50,50,93,.2),0 2px 2px 0 rgba(0,0,0,.1),0 0 0 4px rgba(50,151,211,.3)}.switch-now{-webkit-animation:myAnim 2s ease 0s 1 normal forwards;animation:myAnim 2s ease 0s 1 normal forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;color:#0f9}@-webkit-keyframes myAnim{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes myAnim{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes floating{0%{-webkit-transform:translateX(-10%) rotate(5deg);transform:translateX(-10%) rotate(5deg)}25%{-webkit-transform:translateX(0) rotate(-5deg);transform:translateX(0) rotate(-5deg)}50%{-webkit-transform:translateX(10%) rotate(5deg);transform:translateX(10%) rotate(5deg)}75%{-webkit-transform:translateX(0) rotate(-5deg);transform:translateX(0) rotate(-5deg)}to{-webkit-transform:translateX(-10%) rotate(5deg);transform:translateX(-10%) rotate(5deg)}}@keyframes floating{0%{-webkit-transform:translateX(-10%) rotate(5deg);transform:translateX(-10%) rotate(5deg)}25%{-webkit-transform:translateX(0) rotate(-5deg);transform:translateX(0) rotate(-5deg)}50%{-webkit-transform:translateX(10%) rotate(5deg);transform:translateX(10%) rotate(5deg)}75%{-webkit-transform:translateX(0) rotate(-5deg);transform:translateX(0) rotate(-5deg)}to{-webkit-transform:translateX(-10%) rotate(5deg);transform:translateX(-10%) rotate(5deg)}}@-webkit-keyframes tilt-shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg) scale(3);transform:rotate(5deg) scale(3)}50%{-webkit-transform:rotate(0eg) scale(4);transform:rotate(0eg) scale(4)}75%{-webkit-transform:rotate(-5deg) scale(3);transform:rotate(-5deg) scale(3)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tilt-shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg) scale(3);transform:rotate(5deg) scale(3)}50%{-webkit-transform:rotate(0eg) scale(4);transform:rotate(0eg) scale(4)}75%{-webkit-transform:rotate(-5deg) scale(3);transform:rotate(-5deg) scale(3)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#container-left{background-color:#413bff;background-color:var(--bg-blue)}#container-right{background-color:#ff5c5c;background-color:var(--bg-red)}@media only screen and (max-width:1000px){.container-score{height:100vh}.container-team{justify-content:center}h2{font-size:100px;margin:20px 0 50px}}@media screen and (max-width:450px){.container-score{flex-direction:column}.container-control{flex-direction:row}.container-flip{flex-direction:column-reverse!important}.container-control-button{padding:10px 10px 5px}}
/*# sourceMappingURL=main.f13f03b3.css.map*/