@font-face{font-family:'04b';src:url(../04B_30.TTF) format("truetype")}@font-face{font-family:lubalin_itc;src:url(../lubalin.ttf) format("truetype")}@font-face{font-family:lubalin;src:url(../lubalin_bold.otf) format("opentype")}body,html{margin:0;width:100%;height:100%;overflow:hidden;background:#3024ad;background:linear-gradient(135deg,#3024ad 0,#54a1fc 50%,#b5ed52 100%)}#game-board{width:768px;height:1024px;max-width:100%;max-height:100%;margin:0 auto;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:2rem;box-sizing:border-box}#game-board.start{padding:0}#game-board.start #start-screen{display:block}#game-board.start #main-screen{display:none}#game-board.main #start-screen{display:none}#game-board.main #main-screen{display:block}.main-logo{width:25%;margin:0 auto 5%;display:block}.title{font-family:lubalin;text-transform:uppercase;display:block;margin:0 auto 5%;color:#fce808;text-align:center;font-weight:400;position:relative;font-size:3rem;text-shadow:4px 4px #000}@media (max-height:1024px){.title{font-size:4vh}}@media (max-width:769px){.title{font-size:8vw}}@media (max-height:500px){.title{font-size:3vw}}#instruction-text{font-family:lubalin;text-transform:uppercase;display:block;margin:2% auto 5%;color:#fce808;text-align:center;position:relative;font-size:3rem;text-shadow:4px 4px #000}@media (max-height:1024px){#instruction-text{font-size:4vh}}@media (max-width:769px){#instruction-text{font-size:8vw}}@media (max-height:500px){#instruction-text{font-size:3vw}}#button-grid{width:85%;margin:0 auto;text-align:center}.button{display:inline-block;width:33.3%;padding-bottom:33.3%;position:relative;background-position:center;background-repeat:no-repeat;background-size:90% 90%}.button::after{content:"";background-color:rgba(20,20,20,.3);position:absolute;border-radius:50%;z-index:-1;height:91%;width:91%;top:5%;left:5%;-webkit-transform:translate(-1%,7%);transform:translate(-1%,7%)}.button:hover{background-position:center 95%}.button:hover::after{-webkit-transform:translate(-1%,5%);transform:translate(-1%,5%)}.button.playing{background-position:center 95%;-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.button.playing::after{display:none}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.button__inner{position:absolute;top:5%;left:5%;width:90%;height:90%;overflow:hidden;pointer-events:none}.button__inner *{pointer-events:none}#brand{position:absolute;bottom:1rem;left:1rem;width:13%;height:6%}#start-screen{background-image:url(../../../assets/images/splash.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;width:100%;height:100%;padding:3rem 2rem;box-sizing:border-box}@media (max-width:500px){#start-screen{padding:1rem}}@media (max-height:500px){#start-screen{padding:1rem;background-image:none}}#start-screen .main-logo{width:30%;margin-bottom:10%}#start-screen .title{color:#fff;font-family:lubalin;font-size:3rem;margin-bottom:10%}@media (max-width:500px){#start-screen .title{font-size:1.5rem}}@media (max-height:500px){#start-screen .title{margin-bottom:1rem;font-size:1.5rem}}#start-screen #start-button{background-color:#d72f77;border:3px solid #fff;border-radius:8px;color:#fff;text-decoration:none;padding:1rem 2rem;text-transform:uppercase;font-size:2rem;display:block;margin:0 auto 10%;text-align:center;width:9rem;font-family:Lubalin;box-shadow:5px 6px 0 #000}#start-screen #start-button:active{box-shadow:1px 1px 0 #000;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}@media (max-width:500px){#start-screen #start-button{padding:.5rem;font-size:1rem;margin-bottom:1rem}}@media (max-height:500px){#start-screen #start-button{padding:.5rem;font-size:1rem;margin-bottom:1rem}}#start-screen p{text-transform:uppercase;font-family:lubalin;font-size:2rem;color:#fff;text-shadow:4px 4px #000;max-width:70%;text-align:center;margin:4rem auto}@media (max-width:500px){#start-screen p{font-size:1rem;margin:1rem auto;max-width:100%}}@media (max-height:500px){#start-screen p{font-size:1rem;margin:1rem auto;max-width:100%}}#start-screen #cn-logo{margin:4rem auto;display:block;width:7rem}@media (max-width:500px){#start-screen #cn-logo{margin:1rem auto;width:4rem}}@media (max-height:500px){#start-screen #cn-logo{margin:1rem auto;width:4rem}}
/*# sourceMappingURL=style.css.map */