@font-face{font-family:Fira Code;font-style:normal;font-weight:300;src:url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Light.woff2) format("woff2"),url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Light.woff) format("woff")}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;src:url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Regular.woff2) format("woff2"),url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Regular.woff) format("woff")}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;src:url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Medium.woff2) format("woff2"),url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Medium.woff) format("woff")}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;src:url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-SemiBold.woff2) format("woff2"),url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-SemiBold.woff) format("woff")}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;src:url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Bold.woff2) format("woff2"),url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-Bold.woff) format("woff")}@font-face{font-family:Fira Code VF;font-style:normal;font-weight:300 700;src:url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-VF.woff2) format("woff2-variations"),url(//21201479.fs1.hubspotusercontent-na1.net/hubfs/21201479/raw_assets/public/codeWonderland%20Theme/fonts/FiraCode-VF.woff) format("woff-variations")}:root{--base-color:#1a2b42;--grey:#4c5267;--dark-grey:#363a51;--primary-color:#5cc59e;--primary-color-alt:#67f494;--secondary-color:#f46767;--default-radius:8px;--gap:2rem;--gap-sm:calc(var(--gap)/2);--gap-lg:calc(var(--gap)*2);--font-family:Fira Code}body{color:var(--base-color);font-family:var(--font-family);font-size:24px;margin:0;overflow:hidden}h1,h2,h4,h5{margin:0 0 1rem}h1{font-size:56px}h3{font-weight:700;margin:1rem 0 .5rem;text-transform:uppercase}li,p{margin:0 0 1rem}form input,form textarea{background:var(--base-color);border:2px solid var(--primary-color)!important;border-radius:8px;color:var(--primary-color)}button,input[type=submit]{background:transparent;border:4px ridge var(--primary-color);border-radius:var(--default-radius);box-shadow:unset;color:var(--primary-color);font-family:var(--font-family);font-size:36px;font-weight:700;padding:10px 20px;text-transform:uppercase}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background:var(--primary-color-alt);color:var(--base-color);cursor:pointer}p+button{margin-top:2rem;padding:10px 40px}#canvas{background:url(https://www.codewonder.land/hubfs/About/img/mobile-background.png) no-repeat;background-size:cover;position:relative}.menu{align-items:center;background:rgba(0,0,0,.7);display:none;height:100%;justify-content:center;left:0;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.menu.active{display:flex}.menu .window{background:var(--base-color);border:4px ridge var(--primary-color);border-radius:var(--default-radius);box-shadow:0 0 0 8px var(--base-color);color:var(--primary-color);height:max-content;margin:2rem 0;max-height:calc(100vh - 12rem);overflow-y:scroll;padding:var(--gap-lg) var(--gap);position:relative;scrollbar-width:0;text-align:center;width:min(800px,85vw)}.menu .window::-webkit-scrollbar{display:none}p.slug{font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.score-wrapper{right:1rem;text-align:right}.deaths-wrapper,.score-wrapper{font-size:36px;position:absolute;top:1rem}.deaths-wrapper{left:1rem}.level-timer-wrapper{background:var(--primary-color-alt);border:3px solid var(--base-color);border-radius:8px;font-size:16px;left:50vw;padding:1rem 1rem .5rem;position:absolute;text-align:center;top:1rem;transform:translateX(-50%)}.level-number-wrapper{font-weight:700;margin:0;text-transform:uppercase}#level-timer{display:block;font-size:36px}#restart{background:var(--primary-color-alt);border:4px solid var(--base-color);border-radius:8px;color:var(--base-color);font-size:18px;margin:0;padding:10px 20px;position:absolute;right:25%;top:1rem}#restart:focus,#restart:hover{background:var(--base-color);border-color:var(--primary-color-alt);color:var(--primary-color-alt)}#pause{background:transparent;border:unset;box-shadow:unset;cursor:pointer;left:30%;position:fixed;top:.5rem;z-index:999}#paused button{min-width:min(100%,500px)}#paused button:not(:last-child){margin-bottom:1.5rem}.menu button.close-btn{border:unset;margin:unset;min-width:unset!important;position:absolute;right:1rem;top:1rem;width:max-content}.menu a:not(.button){color:var(--primary-color);font-weight:700}.menu a:not(.button):focus,.menu a:not(.button):hover{color:var(--primary-color-alt)}.menu .window ul{margin-top:0}.menu .window li{text-align:left}.flex-horizontal{align-items:center;display:flex;gap:1rem}.score-wrapper.flashing{animation-duration:1s;animation-iteration-count:infinite;animation-name:flashing;animation-timing-function:ease-in-out;font-weight:700}@keyframes flashing{50%{color:var(--secondary-color)}to{color:var(--base-color)}}#left-btn,#right-btn,#swipe-btn,#up-btn{background:var(--base-color);bottom:1rem;color:var(--primary-color);height:75px;opacity:.6;position:fixed;width:75px;z-index:999}#left-btn:active,#right-btn:active,#swipe-btn:active,#up-btn:active{background:var(--primary-color-alt);color:var(--base-color)}.desktop{display:none}#left-btn{left:1rem}#right-btn{left:calc(1rem + 85px)}#up-btn{right:calc(1rem + 85px)}#swipe-btn{padding:5px;right:1rem}#swipe-btn img{display:block;height:100%;margin:0 auto;object-fit:contain;object-position:center;pointer-events:none;text-align:center;width:100%}@media (min-height:860px){#canvas{background:url(https://www.codewonder.land/hubfs/About/img/background.png) no-repeat;background-size:cover;transform:unset}#canvas:after{display:none}.desktop{display:block}.desktop.flex{display:flex}.menu .window{align-items:center;display:flex;flex-flow:column;justify-content:center}#pause{left:1rem}#pause,#restart{bottom:1rem;top:unset}#restart{font-size:24px;right:2rem}#left-btn,#right-btn,#swipe-btn,#up-btn{display:none}.level-timer-wrapper{background:transparent;border:unset;border-radius:0;font-size:24px;padding:0}#level-timer{font-size:54px}}