body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Dosis-Bold";src:local("Dosis-Bold"),url(/static/media/Dosis-Bold.2cd4d04a.ttf) format("truetype")}@font-face{font-family:"Dosis-ExtraBold";src:local("Dosis-ExtraBold"),url(/static/media/Dosis-ExtraBold.c0a7ac34.ttf) format("truetype")}.loaderContainer{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:space-around;width:100vw;height:100vh;background:#00c9ff}@keyframes blinker{50%{opacity:0}}.loader{animation:blinker 2s linear infinite;font-family:"Dosis-ExtraBold";letter-spacing:5px;text-align:center;color:#fff;font-size:30pt;font-weight:900;position:absolute;height:60px;width:100%;line-height:60px;vertical-align:middle}.homeContainer{display:flex;flex-direction:column;justify-content:flex-start;width:100vw;height:100vh;background:#00c9ff;background-image:url(/static/media/backImgMain.2e920372.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;padding-top:12px;overflow-y:scroll}.titleWrapper{display:flex;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;width:calc(100% - 18px);max-width:350px}.fox{background-image:url(/static/media/8.dd3fa065.png);height:70px;width:70px;display:inline-block;background-repeat:no-repeat;background-size:cover;background-position:top}.titleMessage{width:100%;text-align:center;font-size:30pt;font-family:"Dosis-ExtraBold";color:#fff;text-shadow:6px 6px 0 rgba(250,192,2,.8)}.scoreBoardContainer{margin-top:50px;background-color:#3e3e3e;border-radius:8px;border:2px solid orange;margin-left:auto;margin-right:auto;width:calc(100% - 18px);max-width:350px;box-shadow:6px 6px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;min-height:95px;overflow-y:auto}.scoreRecord{display:flex;flex-direction:row;max-width:332px;height:30px;min-height:30px;padding:0 10px;border-bottom:1px dashed #d3d3d3}.scoreRecord:last-child{border:none}.scoreColumnTitle{height:100%;width:100%;text-align:center;vertical-align:middle;line-height:30px;font-family:"Dosis-ExtraBold";font-size:12pt;color:#adff2f;text-transform:uppercase}.rankDiv{width:10%;min-width:50px;height:100%;display:flex;border-right:1px dashed #d3d3d3}.rankLabel{height:100%;width:100%;text-align:center;vertical-align:middle;line-height:30px;font-family:"Dosis-ExtraBold";font-size:12pt;color:#cecece}.nameDiv{height:100%;display:flex;width:60%;border-right:1px dashed #d3d3d3}.nameLabel{height:100%;width:100%;text-align:center;vertical-align:middle;line-height:30px;font-family:"Dosis-ExtraBold";font-size:12pt;color:#0ff;text-transform:uppercase}.scoreDiv{height:100%;display:flex;width:40%}.scoreLabel{height:100%;width:100%;text-align:center;vertical-align:middle;line-height:30px;font-family:"Dosis-ExtraBold";color:orange}.nameInput,.scoreLabel{font-size:12pt;text-transform:uppercase}.nameInput{width:calc(100% - 18px);max-width:350px;margin-top:50px;margin-left:auto;margin-right:auto;font-family:"Dosis-Bold";border:none;padding-left:10px;height:30px;min-height:30px;border-radius:4px;box-shadow:6px 6px 0 rgba(0,0,0,.2)}.nameInput:focus{outline:none;outline-offset:none}.btnStart{height:50px;min-height:50px;width:calc(100% - 18px);max-width:350px;margin-top:50px;margin-left:auto;margin-right:auto;background-color:orange;font-family:"Dosis-ExtraBold";text-transform:uppercase;font-size:20pt;border-radius:4px;border:1px solid #fff;color:#fff;box-shadow:6px 6px 0 rgba(0,0,0,.2);overflow:hidden;text-overflow:clip}.btnStart:hover{cursor:pointer}.warning{border:1px solid red}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.shake,.shake-alt{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.shake-alt{animation:shake-alt .82s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake-alt{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.playContainer{background-image:url(/static/media/backImg.6df954ca.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;width:100vw;height:100vh}.header{position:absolute;display:flex;justify-content:space-between;width:100%;height:85px}.score{padding:30px 0 0 30px;color:#fff;font-weight:700;z-index:3;font-size:30px;text-shadow:0 2px 1px rgba(0,0,0,.7)}.box{width:30%;position:relative;outline-style:none;-webkit-tap-highlight-color:transparent}.box:hover{cursor:pointer}.box:after{content:"";display:block;padding-bottom:100%}.charContainer{position:absolute;height:90%;width:100%;bottom:10%;border-radius:50%;border-top-left-radius:0;border-top-right-radius:0;overflow-y:hidden;z-index:3}.character{position:absolute;left:5%;bottom:0;height:0;width:90%;z-index:4;background-repeat:no-repeat;background-size:cover;background-position:top}@keyframes slideUp{0%{height:0}30%{height:100%}70%{height:100%}to{height:0}}.char0{background-image:url(/static/media/1.da0de856.png)}.char0,.char1{animation-name:slideUp;animation-timing-function:ease;animation-duration:1s}.char1{background-image:url(/static/media/2.ff8b304c.png)}.char2{background-image:url(/static/media/3.88fcc990.png)}.char2,.char3{animation-name:slideUp;animation-timing-function:ease;animation-duration:1s}.char3{background-image:url(/static/media/4.4c239c5a.png)}.char4{background-image:url(/static/media/5.83ba21d7.png)}.char4,.char5{animation-name:slideUp;animation-timing-function:ease;animation-duration:1s}.char5{background-image:url(/static/media/6.83c70128.png)}.char6{background-image:url(/static/media/7.36c90a83.png)}.char6,.char7{animation-name:slideUp;animation-timing-function:ease;animation-duration:1s}.char7{background-image:url(/static/media/8.dd3fa065.png)}.hole{position:absolute;bottom:0;left:0;height:50%;width:100%;background-image:url(/static/media/hole.8c5b4933.png);background-repeat:no-repeat;background-size:contain;background-position:50%}.timer{padding:30px 10px 0 0;color:#fff;font-weight:700;z-index:3;font-size:30px;text-shadow:0 2px 1px rgba(0,0,0,.7)}.row{width:100%;height:30%}.playGround,.row{display:flex;justify-content:space-between;margin:auto}.playGround{position:relative;flex-wrap:wrap;flex-direction:column;align-content:center}.playGround:after{content:"";display:block}@media screen and (orientation:landscape){.playGround{height:90vh;width:90vh;max-height:600px;max-width:600px}}@media screen and (orientation:portrait){.playGround{width:90vw;height:90vw;max-height:600px;max-width:600px}}
/*# sourceMappingURL=main.d9bd8430.chunk.css.map */