@font-face{font-family:banjoKazooie;src:url(/static/media/AndyBold.476d3f23e498efffdbe0.ttf)}body{background-attachment:fixed;background-color:#fdf679;background-image:url(/static/media/Background.05dfce3181da80c93d27.jpg);background-position:20% 20%;background-repeat:no-repeat;background-size:cover;font-family:banjoKazooie;min-width:380px}.navbar{background-color:#73a1f6;border-bottom:1px solid gray;box-shadow:0 4px 20px #000;display:flex;height:60px;justify-content:space-between;padding-right:24px;width:100%}.navbar__logo{height:100%}.navbar__logo--clickable{cursor:pointer}.start-screen{align-items:center;display:flex;height:600px;justify-content:center;text-align:center;width:100%}.start-screen .start-btn-container button{border:1px solid #000;margin:70px 60px 0;width:120px}.start-screen .footer{bottom:0;display:flex;font-size:14px;justify-content:center;left:0;position:fixed;width:100%}.start-screen .footer .text-center{padding:0 8px}.login-screen{align-items:center;display:flex;height:600px}.login-screen .login-page{display:flex;flex:1 1;justify-content:center;margin-top:32px;padding:12px}.login-screen .login-page form{align-items:center;background-color:#8ee190;border-radius:50%;box-shadow:4px 4px 20px #000;display:flex;flex-direction:column;height:400px;justify-content:center;padding:16px;text-align:center;width:600px}.login-screen .login-page form h5{color:#e8cf00;margin:8px 0 32px;text-shadow:1px 1px 5px #000}.login-screen .login-page form button{border-radius:8px!important;margin:16px;width:160px}.login-screen .login-page form img{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;height:100px}.mute{position:absolute;right:20px;top:80px}.mute__button{cursor:pointer;height:24px}.login-instructions{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.login-instructions .instructions{background-color:rgba(0,0,0,.7);border-radius:50px;box-shadow:0 0 8px 8px rgba(0,0,0,.7);color:#f8f8f8;padding:16px 32px;text-align:center;width:500px}.login-instructions .instructions p{font-size:16px;margin:16px 0 0}.login-instructions .instructions img{width:200px}input[type=text]{border:2px solid #ccc;border-radius:4px;outline:none;transition:.5s}input[type=text]:focus{border:2px solid #555}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:cubic-bezier(.28,.84,.42,1)}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-80px);transform:scale(.9,1.1) translateY(-80px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-80px);transform:scale(.9,1.1) translateY(-80px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes bounce-mobile{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-24px);transform:scale(.9,1.1) translateY(-24px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes bounce-mobile{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-24px);transform:scale(.9,1.1) translateY(-24px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}57%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.images{margin-top:32px;width:100%}.images__inner-container{grid-gap:12px;background-color:hsla(0,0%,100%,.7);border-radius:8px;display:grid;gap:12px;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(4,1fr);height:100%;max-width:600px;padding:12px;width:100%}.images__image{background-color:#fdf679;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:8px;box-shadow:4px 4px 4px gray;padding:8px;transition:.2s}.images__image--blank{background-color:#f8f8f8}.game{display:flex;height:630px}.game-left{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin:64px 32px 0;min-width:400px}.game-left img{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;height:auto;margin:0 auto;width:240px}.game-left .end-game-left{align-items:center;display:flex;flex-direction:column;height:350px;justify-content:space-between}.game-left .end-game-left .end-game-left-message{align-items:center;background-color:rgba(0,0,0,.7);border-radius:50px;box-shadow:0 0 8px 8px rgba(0,0,0,.7);display:flex;padding:4px 16px;text-align:left;width:400px}.game-left .end-game-left .end-game-left-message p{color:#f8f8f8;margin:0;padding-left:8px}.game-left .end-game-left .end-game-left-message img{width:60px}.game-left .end-game-left .final-score{border-radius:50%;padding:40px}.game-left .end-game-left .final-score h1{margin:0}.game-left .end-game-left .button-container{display:flex;gap:10px}.game-left .end-game-left .button-container .btn{border-radius:32px;box-shadow:4px 4px 20px #000;height:50px;width:180px}.typewriter{-webkit-animation:typing 3.5s steps(40);animation:typing 3.5s steps(40);margin:0 auto;overflow:hidden;white-space:nowrap}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@media(max-width:1124px){.login-screen .login-page form{height:300px;width:500px}.login-screen .login-page form h5{font-size:18px;margin:8px 0 16px}.login-screen .login-page form label{font-size:14px}.login-screen .login-page form button{height:36px;margin:0;width:120px}.login-screen .login-page form img{-webkit-animation-duration:3s;animation-duration:3s;height:72px}.login-screen .login-page form .bounce{-webkit-animation-name:bounce-mobile;animation-name:bounce-mobile}.login-screen .login-instructions .instructions{width:450px}.login-screen .login-instructions .instructions h1{font-size:26px}.login-screen .login-instructions .instructions p{font-size:14px}.login-screen .login-instructions .instructions img{width:175px}.game{flex-direction:column;height:100%;justify-content:space-between}.game .images{margin:16px 8px}.game .images__inner-container{margin:0 auto;max-width:500px}.game .game-left{align-items:center;margin:40px 16px 24px;min-width:auto}.game .bounce{-webkit-animation-name:bounce-mobile;animation-name:bounce-mobile;order:0}.game .end-game-left{height:300px;margin-top:40px;order:1}.game .end-game-left .end-game-left-message{padding:4px 16px;width:100%}}@media(max-width:976px){.login-screen .login-page form{height:300px;width:360px}.login-screen .login-instructions .instructions{width:350px}.login-screen .login-instructions .instructions img{width:150px}}@media(max-width:768px){.start-screen .footer{display:block;font-size:14px}.start-screen .footer p{margin-bottom:8px}.start-screen .footer .text-center{display:none}.start-screen .footer .text-left,.start-screen .footer .text-right{text-align:center!important}.navbar{background-color:#73a1f6;border-bottom:1px solid gray;box-shadow:0 4px 20px #000;display:flex;font-size:14px;height:60px;justify-content:space-between;padding-right:18px;width:100%}.navbar__logo{height:auto;width:60px}.start-screen .start-btn-container{display:flex}.start-screen .start-btn-container button{margin:100px 30px 0;width:100px}.mute{margin:0}.mute__button{height:16px}.login-screen{display:block;height:630px}.login-screen .login-page{margin-top:12px}.login-screen .login-page form{height:300px;justify-content:center;width:450px}.login-screen .login-page form h5{font-size:18px;margin:8px 0 16px}.login-screen .login-page form label{font-size:14px}.login-screen .login-page form button{height:36px;margin:0;width:120px}.login-screen .login-page form img{-webkit-animation-duration:0s;animation-duration:0s;height:72px}.login-screen .login-page form .bounce{-webkit-animation-name:bounce-mobile;animation-name:bounce-mobile}.login-screen .login-instructions{flex:1 1}.login-screen .login-instructions .instructions{background-color:rgba(0,0,0,.7);border-radius:50px;box-shadow:0 0 8px 8px rgba(0,0,0,.7);color:#f8f8f8;margin:24px 12px;padding:16px 24px;text-align:center;width:auto}.login-screen .login-instructions .instructions h1{font-size:28px}.login-screen .login-instructions .instructions p{font-size:14px;margin:16px 0 0}.login-screen .login-instructions .instructions img{width:125px}}@media(max-width:520px){.game .end-game-left{height:400px}.game .end-game-left .button-container{flex-direction:column}}
/*# sourceMappingURL=main.fa0236b5.css.map*/