@font-face{font-family:JellyBean;src:url(/JellyBellyFont.0dc29e07.eot) format("eot"),url(/JellyBellyFont.216b0ee3.svg) format("svg"),url(/JellyBellyFont.3c837ffe.woff) format("woff"),url(/JellyBellyFont.b8ee4ab5.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}:focus{outline:0}body{background-color:#070720;display:flex;font-family:JellyBean;font-size:16px}#responsive-container,body{justify-content:center;align-items:center;height:100vh}#responsive-container{display:none;font-size:4rem}#game-container{width:1030px;height:608px;background-color:#7b61ff;position:relative}.game-frame{position:absolute;width:1000px;height:578px;background-color:#12122f;left:15px;top:15px;box-shadow:0 19px 38px rgba(32,7,22,.5),0 15px 12px rgba(7,7,32,.3);overflow:hidden}.home-screen{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column;opacity:1}.logo{margin-bottom:75px;width:50%}.btn{display:block;width:382px;height:82px;border-radius:40px;margin-bottom:23px;font-family:inherit;font-size:36px;cursor:pointer}.btn-primary{background-color:#12122f;border:3px solid #23fbec;color:#23fbec;box-shadow:0 9px #23fbec;transition:all .2s}.btn-primary:hover{transform:translateY(9px);box-shadow:0 0 #23fbec;background-color:#23fbec;color:#12122f}.btn-secondary{background-color:#12122f;border:3px solid #ff2a8a;color:#ff2a8a;box-shadow:0 9px #ff2a8a;transition:all .2s}.btn-secondary:hover{transform:translateY(9px);box-shadow:0 0 #ff2a8a;background-color:#ff2a8a;color:#12122f}.time-progress{height:9px;background-color:#23fbec;width:100%;transition:width 1s linear;z-index:999}@keyframes time-ending{0%{background-color:#23fbec}to{background-color:#ff2a8a}}.time-ending-animation{animation-name:time-ending;animation-duration:.2s;animation-direction:alternate;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes rise{0%{bottom:-10%}to{bottom:120%}}.bubble{display:inline-block;width:33px;height:33px;border-radius:50%;position:absolute;bottom:-20%;transition:transform .2s ease-out,opacity .2s ease-out}.bubble-pop{opacity:0;transform:scale(1.2)}.stats{display:flex;justify-content:space-between;margin-top:20px;padding:0 30px;color:#def2f1;font-size:3rem}.bubble-score{display:inline-block;width:33px;height:33px;border-radius:50%;position:relative}.bubble-reflection{position:absolute;width:25%;height:25%;background-color:#def2f1;border-radius:50%;left:23%;top:27%}.cyan{background-color:#23fbec}.strawberry-cyan-background{background-color:#ff2a8a;box-shadow:4px 4px 0 #23fbec}.strawberry-cyan-text{color:#ff2a8a;text-shadow:3px 3px 0 #23fbec}.player-level,.player-score{font-size:3.4rem;align-self:center;position:relative;top:5px}.level-container{transform:translate(0)}.level-animation{animation-name:increment-level;animation-duration:1s;animation-direction:alternate;animation-timing-function:ease;animation-iteration-count:2;animation-delay:1s}@keyframes increment-level{50%{transform:scale(2) translate(-185px,100px)}to{transform:scale(2) translate(-185px,100px)}}.icon-btn{border-radius:50%;color:#def2f1;padding:0;border:none;background:none;cursor:pointer;width:45px;height:45px}.icon-btn-primary{background-color:#23fbec;box-shadow:5px 5px #ff2a8a;color:#ff2a8a;font-size:1.5rem;transition:all .2s}.icon-btn-large.icon-btn-primary{width:65px;height:65px;box-shadow:7px 7px #ff2a8a}.icon-btn-primary:hover{background-color:#ff2a8a;box-shadow:0 0 #23fbec;color:#ff2a8a;transform:translate(5px,5px);color:#23fbec;cursor:pointer}.icon-btn-secondary{background-color:#ff2a8a;box-shadow:5px 5px #23fbec;transition:all .2s;color:#23fbec;font-size:1.5rem}.icon-btn-large.icon-btn-secondary{width:65px;height:65px;box-shadow:7px 7px #23fbec}.icon-secondary{margin-top:5px;fill:#23fbec}.icon-primary{margin-top:5px;fill:#ff2a8a}.icon-btn-secondary:hover{background-color:#23fbec;box-shadow:0 0 #23fbec;color:#ff2a8a;transform:translate(3px,3px);cursor:pointer}.icon-btn-secondary:hover .icon-secondary{fill:#ff2a8a}.icon-btn-primary:hover .icon-primary{fill:#23fbec}.pause-button{opacity:0;position:absolute;bottom:30px;left:30px}.pause-button .icon-btn{width:35px;height:35px;font-size:1.2rem}.about-modal,.paused-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(18,18,47,.8);z-index:999;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(0)}.modal{border-radius:10px;background-color:#12122f;border:3px solid #23fbec;box-shadow:0 15px 0 #23fbec;animation-duration:1s;text-align:center;padding:50px 50px 35px;z-index:999}.modal hr{border:0;height:1px;background:#087e8b;margin:20px 0 20px 10%;width:80%}.modal .about-text{width:50%}.modal p{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.2rem;margin-bottom:1rem}.about-modal .modal{width:550px;height:365px}.paused-modal .modal{width:492px;height:295px}.paused-buttons{display:flex;justify-content:space-around;margin-top:40px}@keyframes scalein{0%{opacity:0;transform:translate(-90%,85%) scale(.1)}10%{opacity:0}to{opacity:1;transform:translate(0) scale(1)}}.game-play{transform:translateY(-100px);width:100%;height:100%}.slide-down{transform:translateY(0);transition:transform .1s linear}.hidden-visibility{visibility:hidden}.hide{display:none}@media screen and (max-width:1045px){#game-container{display:none}#responsive-container{display:flex}}.go-text,.ready-text{transform:translateY(-300%)}.ready-text--animation{animation-name:slide-up;animation-duration:.8s;animation-timing-function:ease-out}@keyframes slide-up{0%{transform:translateY(500%);opacity:0}25%{opacity:1}50%{transform:translateY(100%)}80%{transform:translateY(100%);opacity:1}to{opacity:0;transform:translateY(-200%)}}.fade-out{opacity:0;transform:scale(0)}.fade-in,.fade-out{transition:transform .2s linear,opacity .3s linear}.fade-in{opacity:1;transform:scale(1)}
/*# sourceMappingURL=/style.63b642cf.css.map */