.dark-mode .page-front-page .menu{background-color:#99917b}.page-front-page{display:flex}.page-front-page .menu{background-color:#f9edcd;color:#000;padding:1rem;width:300px;flex-shrink:0;height:calc(100vh - var(--header-height));white-space:pre-wrap;border-right:1px solid #000}.page-front-page .menu button{justify-content:flex-start}.page-front-page .menu button i{width:30px}.page-front-page .game-canvas-container{height:calc(100vh - var(--header-height));flex-grow:1;display:flex;justify-content:center;align-items:center}.page-front-page .main-menu-items{display:flex;justify-content:center;align-items:center;padding:1rem;width:1200px;margin:0 auto}.page-front-page .main-menu-items .menu-item{position:relative;width:33%;margin:0 1rem;border:1px solid var(--mui-border-color);background-color:var(--mui-paper-bg);-webkit-text-decoration-style:none!important;text-decoration-style:none!important;padding:1rem;height:calc(100vh - var(--header-height) - 4rem);transform:scale(.9);transition-duration:.2s}.page-front-page .main-menu-items .menu-item:hover{box-shadow:0 0 2px #000;cursor:pointer;transform:scale(1)}.page-front-page .main-menu-items .menu-item img{position:absolute;bottom:0;left:0;width:100%;height:50%;object-fit:cover}