body{padding-top:0}.game-container{position:absolute;width:100%;height:100vh;top:0;left:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.option{border:2px solid var(--bg4);height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background-color:var(--bg1);transition:.2s;overflow-wrap:anywhere}.option:hover{background-color:var(--primary-bg);transition:.2s}.option h2{font-size:50px}.option p{font-size:30px;color:var(--color2);display:none}#next-button-container{animation:enter-animation .5s ease-out;-webkit-animation:enter-animation .5s ease-out;display:none;position:absolute;width:100%;justify-content:center;align-items:center;flex-wrap:wrap;bottom:10px;left:50%;transform:translate(-50%)}.next-button{font-size:20px;box-shadow:0 0 10px #ffffff80}.header-text{display:block;font-size:50px;text-align:center;margin:100px -100px -100px;z-index:3;position:relative;background-color:var(--bg1);border-radius:10px;padding:10px;border:4px solid var(--bg4);width:fit-content;margin-inline:auto}@keyframes enter-animation{0%{transform:translate(-50%,100px);-webkit-transform:translate(-50%,100px);-moz-transform:translate(-50%,100px);-ms-transform:translate(-50%,100px);-o-transform:translate(-50%,100px)}to{transform:translate(-50%);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}}@media (max-width:1000px){.header-text,.option h2{font-size:30px}}@media (max-width:800px){body{padding-top:0}.game-container{grid-template-columns:1fr}.option{height:50vh}.small-menu-content{top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:99}.header-text{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.dark-mode .header-text{background-color:#1f1f1f}.option{border:2px solid var(--bg2)}}@media (max-width:500px){.option h2,.option p{font-size:20px}.header-text{display:none}@keyframes pop{0%{scale:0}to{scale:1}}#next-button-container{animation:pop .2s ease-out;-webkit-animation:pop .2s ease-out;transform-origin:left;justify-content:center;align-items:center;flex-wrap:wrap;top:0}.next-button{font-size:14px;padding:4px}}