*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#a9a9a9}img{display:none}.outer-game{width:calc(1000px + 2em);padding:1em;padding-bottom:0}.bottom-bar{padding:.4em;text-align:right;background-color:#707070bb}.bottom-bar button{padding:.2em;cursor:pointer}.canvas-holder{height:500px;width:100%;position:relative;border:1px solid #000;overflow:hidden}.transition{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;z-index:50;opacity:0}.transition.in-process{animation:fadeInAndOut 2s}canvas{position:absolute;z-index:20}.game-back{height:500px;width:1000px;position:absolute;bottom:0;display:inline-block;overflow:hidden;z-index:20}.game-pic{background-image:url(images/backgrounds/mountainbackground.png);z-index:10}.game-screen{height:100%;width:100%;position:absolute;top:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat}.game-bar{width:100%;position:absolute;display:flex;justify-content:flex-end;top:0;font-size:1.5em;padding:.3em 0;z-index:30}.math-area{position:absolute;display:none;top:0;width:100%;padding:1em;font-size:1.5em;color:#ddd;text-align:center;background-color:#808080d4}.game-details-area{display:flex;gap:.75em;margin-right:.4em}.game-details-area img{display:none;width:1em}.game-details-area span{position:relative;color:#e31b23;font-size:1.3em;border:1px solid #000}.question-lives-area span{color:#0f64f0}.game-details-area span.dead{color:transparent}@keyframes fadeInAndOut{0%{opacity:0}40%{opacity:1}60%{opacity:1}100%{opacity:0}}@media only screen and (max-width:800px){.outer-game{width:90vw}}@media only screen and (max-height:calc(550px)){.canvas-holder{height:80vh}}.menu-screen{display:none;z-index:200}.home-screen{display:flex;flex-direction:column;justify-content:space-around;background-image:url(images/backgrounds/mountainbackground.png);background-position:left}.home-screen h2{font-size:3em;color:#006400;text-align:center}.game-btn-holder{display:flex;justify-content:space-evenly}.game-btn-holder button{flex:0.2 1 0px;padding:1em;background:0 0;font-size:1.2em;color:#ddd;border-radius:8px;border:2px solid #000;cursor:pointer;transition:all .1s}.game-btn-holder button:hover{color:#eee;background-color:#80808050}.game-btn-holder button:active{transform:translateY(2px)}.high-score{position:absolute;display:flex;justify-content:space-between;align-items:center;top:0;left:0;width:100%;padding:1em;font-size:2em}.high-score select{background-color:#ddd;font-size:.6em;border-radius:12px;padding:.2em}.level-list-page{justify-content:center;align-items:center;background-image:url(images/backgrounds/mountainbackground.png);background-position:right}.level-list{display:flex;flex-wrap:wrap;gap:1em;align-items:start;padding:1em;background-color:#d3d3d39c;border-radius:12px;border:1px solid gray}.level-list>div{position:relative;height:3em;width:3em;display:flex;justify-content:center;align-items:center;border:1px solid #000;font-size:1.4em;color:#ccc;cursor:pointer;border-radius:6px;user-select:none;background-color:#136413;background-position:center;background-size:cover;background-repeat:no-repeat}.level-list>.locked::after{content:"?";font-size:1.5em;display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:inherit;background-color:#555;z-index:200;transition:all .1s}.level-list>div:hover{border-width:2px}.level-list>div:active{transform:scale(.9)}.victory-page{background-image:url(images/backgrounds/mountainbackground.png);display:flex;justify-content:center;align-items:center}h1{position:relative;font-size:4em;text-align:center;z-index:40}.instructions-page{background-image:url(images/backgrounds/instructionspage.png)}.story-page{display:flex;padding:1em;align-items:flex-end;justify-content:space-between;background-image:url(images/storyimg1.png)}.story-page button{margin:0 auto;flex:0.2 1 0;background-color:orange;padding:.8em;font-size:1.5em;border-radius:12px;cursor:pointer;user-select:none}.story-page button.hidden{visibility:hidden}