@import url(https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap);.main-container{align-items:center;background:url(/static/media/spaceBackground.54af2f888eb769374fa6.gif);height:100vh;width:100vw;z-index:0}.black-square,.main-container{display:flex;justify-content:center}.black-square{background:#d60000;border-radius:30px;box-shadow:0 20px 60px 20px rgba(255,0,0,.3),0 15px 40px 15px rgba(255,0,0,.35),0 10px 20px 10px rgba(255,0,0,.4);height:600px;width:600px;z-index:5}.gameboy{background:url(/static/media/gameboy.86f60acfdded6012f493.png);height:794px;overflow:hidden;width:494px;z-index:3}.game-status-top{color:#fff;font-size:1em;margin-top:1em;position:absolute;width:600px}.game-status-top .variable-text{color:#4c20bc}.game-status-top .game-status-left{float:left;margin-left:1em}.game-status-top .game-status-right{float:right;margin-right:1em}.game-status-top .game-status-right .player-lives{height:1em;width:1.5em}@media (max-width:600px){.game-status-top{font-size:.8em}}@media (max-width:500px){.game-status-top{font-size:.5em}}.game-status-bottom{align-items:center;bottom:0;clear:both;color:#fff;content:"";display:table;height:0;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);width:600px}.game-status-bottom .variable-text{color:#4c20bc}.game-status-bottom .game-status-left{float:left;margin-left:1em;width:40%}.game-status-bottom .game-status-left .player-lives{height:1.5em;width:1.5em}.game-status-bottom .game-status-centre{float:left;width:25%}.game-status-bottom .game-status-right{float:right;margin-right:1em;text-align:right;width:25%}@media (max-width:600px){.game-status-bottom{font-size:.8em}}@media (max-width:500px){.game-status-bottom{font-size:.5em}}.info-board{background:#1f1aca;border-radius:30px;color:#ffd500;height:600px;position:absolute;width:600px;z-index:10000}.info-board .game-over-area{margin:2em;text-align:center}.info-board .game-over-area .game-over-title{font-size:1.6em}.info-board .game-over-area .game-over-text{margin-top:2em}.info-board .info-board-header{font-size:1.8em;margin-top:1em;text-align:center}.info-board .info-board-header .header-text{margin:0 1em}.info-board .info-board-header img{height:1em;width:1.5em}.info-board .info-board-instructions{font-size:.8em;margin-top:50px}.info-board .info-board-instructions li{margin-bottom:10px}.info-board .button-area{margin-bottom:2em;text-align:center}@media (max-width:600px){.info-board{font-size:.8em}.info-board .button-area{left:20%}}@media (max-width:500px){.info-board{font-size:.5em}.info-board .button-area{left:20%}}.mobile-buttons{color:#fff;position:absolute;text-align:center;width:100%}.mobile-buttons button{font-size:1em;width:10em}.mobile-buttons button:hover{background-color:#008cba;color:#fff}.mobile-buttons .left-button{margin-right:1em}.mobile-buttons .button-row{margin-bottom:1em}.frogger-play-container{background-color:#000;background-image:url(/static/media/background1_1.9388a75c7a744b03485b.png);background-repeat:no-repeat,repeat;background-size:100% auto;border-radius:30px;font-family:Press Start\ 2P,cursive;height:600px;margin:0;overflow-x:hidden;overflow-y:hidden;padding:0;width:100%}@media (max-width:600px){.frogger-play-container{height:90vh}}html{height:100%}body{margin:0;min-height:100%;padding:0}button{background-color:#bd0909;border:none;border-radius:20px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#fff;display:inline-block;font-family:Press Start\ 2P,cursive;font-size:1.5em;margin-top:15px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.4s}button:hover{background-color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);color:#bd0909}
/*# sourceMappingURL=main.0de1a1be.css.map*/