.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);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}.page-front-page .user-landing-info .profile-photo-wrap{position:relative}.page-front-page .user-landing-info .profile-photo-wrap.Online .status-indicator{border:2px solid green;background-color:#adff2f}.page-front-page .user-landing-info .profile-photo-wrap.Away .status-indicator{background-color:#ff0;border:2px solid orange}.page-front-page .user-landing-info .profile-photo-wrap.Busy .status-indicator{background-color:red;border:2px solid darkred}.page-front-page .user-landing-info .profile-photo-wrap.Offline .status-indicator{background-color:gray;border:2px solid #a9a9a9}.page-front-page .user-landing-info .profile-photo-wrap .status-indicator{position:absolute;bottom:0;right:0;width:15px;height:15px;border-radius:50%}