.menu-btn{height:30px;width:35px;cursor:pointer}.menu-btn span,.menu-btn span:after,.menu-btn span:before{background:#fff;content:"";position:absolute;width:30px;height:3px;margin-top:13px;-webkit-transition:.2s ease-in-out .2s;-moz-transition:.2s ease-in-out .2s;-o-transition:.2s ease-in-out .2s;transition:.2s ease-in-out .2s}.menu-btn span:before{margin-top:-12px}.menu-btn span:after,.menu-btn span:before{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.menu-btn span:after{margin-top:10px}.menu-btn.active span{background:transparent;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.menu-btn.active span:before{margin-top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.menu-btn.active span:after{margin-top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.3s}.game-card-container:has(.game-card:hover)>.game-card:not(:hover){opacity:.4}.sidebar-animation{transition:all;transition-timing-function:ease-in-out;transition-delay:1s;animation:FadeUp .5s ease-in-out forwards}@keyframes FadeUp{0%{transform:translateY(-20%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar-link-item{overflow:hidden}@media (max-width:768px){.nav-item-container{grid-template-columns:1fr}}.nav-link-item{background-clip:text;-webkit-background-clip:text;width:0;transition:all .5s cubic-bezier(.76,0,.24,1);color:#afafaf}.nav-link-item:hover,.sidebar-link-item:hover:before{width:100%}