@font-face{font-family:pixelNES;src:url(/static/media/Pixel_NES.40064b60bb79b4ffa4a6.otf)}*{box-sizing:border-box;font-family:pixelNES,Arial,Helvetica,sans-serif;margin:0;padding:0}body{background-color:#2d2d2d;height:100vh;overflow-y:hidden}.App,body{width:100%}.App{background:#ff8686;background:linear-gradient(0deg,#ff8686,#02e9f2 0,#2c7ff7);border:.5rem solid #eee;height:70vh;left:50%;margin:auto;max-width:1280px;overflow:hidden;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}@media (max-width:1280px){.App{border:.2rem solid #eee;width:95%}}@media (max-width:1024px){.App{height:50vh;top:40%}}.birds{background-image:url(/static/media/birds.a9f99bdbc6f01b4bdb6d.gif);background-repeat:no-repeat;background-size:contain;height:100%;left:100vw;position:absolute;top:150px;width:100px}.birds-animate{-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:birds-animation;animation-name:birds-animation;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes birds-animation{0%{left:100vw}to{left:-15vw}}@keyframes birds-animation{0%{left:100vw}to{left:-15vw}}@media (max-width:1024px){.birds{top:125px;width:80px}}@media (max-width:640px){.birds{top:100px;width:60px}}.brick{background-image:url(/static/media/brick.44708ef6c516df1897fc.svg);background-repeat:repeat-x;background-size:contain;bottom:0;height:120px;left:0;position:absolute;width:1000vw}.brick-animate{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:bricks;animation-name:bricks;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes bricks{0%{left:0}to{left:-1200px}}@keyframes bricks{0%{left:0}to{left:-1200px}}@media (max-width:1280px){.brick{height:100px}}@media (max-width:1024px){.brick{height:60px}}.clouds{background-image:url(/static/media/clouds.445aed1b0167b52e7ea5.gif);background-repeat:no-repeat;background-size:contain;height:120px;left:100vw;position:absolute;top:20px;width:100%}.clouds-animate{-webkit-animation-duration:60s;animation-duration:60s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:clouds-animation;animation-name:clouds-animation;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes clouds-animation{0%{left:100vw}to{left:-15vw}}@keyframes clouds-animation{0%{left:100vw}to{left:-15vw}}@media (max-width:1024px){.clouds{height:100px}}@media (max-width:640px){.clouds{height:80px;top:25px}}.press-container{color:#eee;font-size:1.5rem;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media (max-width:1024px){.press-container{font-size:1rem}}.obstacles-container{align-items:center;display:flex;height:auto;justify-content:space-between;width:100vw}.obstacle1,.obstacle2{bottom:120px;height:60px;position:absolute;width:auto}.obstacle1{left:120vw}.obstacle2{left:240vw}.obstacle1-move{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:obstacle1-animation;animation-name:obstacle1-animation;-webkit-animation-timing-function:linear;animation-timing-function:linear}.obstacle2-move{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:obstacle2-animation;animation-name:obstacle2-animation;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes obstacle1-animation{0%{left:125vw}to{left:-120vw}}@keyframes obstacle1-animation{0%{left:125vw}to{left:-120vw}}@-webkit-keyframes obstacle2-animation{0%{left:240vw}to{left:-240vw}}@keyframes obstacle2-animation{0%{left:240vw}to{left:-240vw}}@media (max-width:1280px){.obstacle1,.obstacle2{bottom:100px;height:50px}}@media (max-width:1024px){.obstacle1,.obstacle2{bottom:60px;height:40px}}@media (max-width:640px){.obstacle1,.obstacle2{bottom:60px;height:30px}}.sun{background-image:url(/static/media/sun.660dbb9207c401cc1488.gif);background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;right:100px;top:25px;width:100px}@media (max-width:1280px){.sun{width:80px}}@media (max-width:1024px){.sun{right:50px}}.copyright{bottom:20px;color:#eee;font-size:.8rem;margin:auto;position:fixed;text-align:center;width:100%;z-index:100}.copyright-link{color:#fb5c00}.loading-screen-container{align-items:center;background-color:#2d2d2d;bottom:0;color:#eee;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:10}.loading-mario{height:auto;width:100px}.loading-title{background-color:#e52521}.enter-button,.loading-title{border-radius:.2rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2);font-size:2rem;padding:.5rem 2rem;text-align:center}.enter-button{background-color:#fbd000;border:none;color:#2d2d2d;cursor:pointer}.enter-button:hover{-webkit-filter:saturate(10);filter:saturate(10)}.container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:2rem}.mario{bottom:12.4vh;height:auto;left:40px;position:absolute;width:5rem}.jump{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:jumping;animation-name:jumping;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes jumping{0%{-webkit-transform:translateY(-15vh);transform:translateY(-15vh)}}@keyframes jumping{0%{-webkit-transform:translateY(-15vh);transform:translateY(-15vh)}}.die{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:die-animation;animation-name:die-animation;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes die-animation{25%{bottom:30vh;left:8vh}to{bottom:-20vh}}@keyframes die-animation{25%{bottom:30vh;left:8vh}to{bottom:-20vh}}@media (max-width:1280px){.mario{bottom:100px;width:4rem}}@media (max-width:1024px){.mario{bottom:60px;width:3rem}}@media (max-width:640px){.mario{bottom:60px;left:20px;width:2rem}}@media (min-width:1024px){.control-jump-button,.control-start-button,.mobile-controls-container{display:none}}.mobile-controls-container{align-items:center;bottom:15vh;display:flex;flex-direction:column;justify-content:center;left:50%;margin:auto;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.control-die-button,.control-jump-button,.control-start-button{border:none;border-radius:.2rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2);cursor:pointer;font-size:2rem;padding:.5rem 2rem;-webkit-user-select:none;user-select:none}.control-jump-button:hover,.control-start-button:hover{-webkit-filter:saturate(10);filter:saturate(10)}.control-die-button,.control-start-button{background-color:#e52521}.control-jump-button{background-color:#fbd000}.score{color:#eee;font-size:1.2rem;margin:.5rem}@media (max-width:640px){.score{font-size:1rem}}.title-container{align-items:center;display:flex;gap:50px;justify-content:center;margin:25px 0 0}.mario-logo{height:auto;width:80px}.title{color:#e52521;font-size:3rem}@media (max-width:640px){.title-container{gap:25px}.mario-logo{height:auto;width:50px}.title{font-size:1.5rem}}
/*# sourceMappingURL=main.e017abd3.css.map*/