:root{--darkBlue: #0c243c;--lightGrey: #c9d1d5;--lightBlue: #55c2c3;--darkGrey: #68737d}.home-layout{width:100vw;height:100vh;margin:0;padding:0;overflow-y:hidden;background-color:var(--darkBlue)}.nav-cont{width:100%;height:10vh}.content-cont{width:100%;height:86vh;overflow-y:auto}.content-cont::-webkit-scrollbar{width:5px}.content-cont::-webkit-scrollbar-track{border-radius:10px}.content-cont::-webkit-scrollbar-thumb{background:var(--lightGrey);border-radius:10px}.content-cont::-webkit-scrollbar-thumb:hover{background:var(--lightGrey)}.footer-cont{width:100%;height:4vh;background-color:#081c2f}a{text-decoration:none!important}.load-more-wrapper{display:flex;justify-content:center;margin-bottom:20px;position:relative;padding:20px}.load-more{border-radius:10px;padding:10px 20px;background-color:var(--lightBlue);color:var(--darkBlue);font-size:.95em;font-weight:600}.game-load-more--loading:after{content:"";position:absolute;width:40px;height:40px;top:0;left:0;right:0;bottom:0;margin:auto;border:4px solid transparent;border-top-color:var(--lightBlue);border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.io-description{color:#fff}.footer{color:var(--darkGrey);font-size:.8em}.navbar-section{width:100%;height:100%;background-color:var(--lightBlue);border-radius:1em;color:(--darkBlue);display:grid;align-items:center;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.logo-section{font-size:1.2em;font-weight:600}.pointer{cursor:pointer}.nav-labels{border-radius:1em;font-size:.95em;font-weight:600;display:grid;align-items:center}.nav-labels-selected{border-radius:1em;font-size:.95em;background-color:var(--darkBlue);font-weight:600;color:var(--lightBlue);transition:.2s;transform:scale(1.05);display:grid;align-items:center}.nav-labels:hover,.nav-labels-selected:hover{cursor:pointer}.hamb-btn{display:none!important;position:absolute;z-index:1;top:2.5vh;right:6vw;width:5vh;height:5vh;align-items:center;justify-content:center;border-radius:50%;background-color:var(--lightGrey);box-shadow:0 3px 4px #0003,0 3px 10px #00000052;transition:.3s}.resp-nav{width:290px;height:40vh;background-color:#bfbfbff5;position:absolute;top:8vh;right:6vw;border-radius:2em;z-index:100;box-shadow:0 3px 4px #0003,0 3px 10px #00000052;animation-name:navAnim;animation-duration:.05s;display:none;justify-content:center}@keyframes navAnim{0%{width:0px;height:0vh}25%{width:80px;height:5vh}50%{width:150px;height:15vh}75%{width:230px;height:25vh}to{width:290px;height:40vh}}@media only screen and (max-width: 991.5px){.hamb-btn{display:flex!important}.resp-nav{display:grid}.nav-titles{display:none!important}}.category-header{font-size:1.25em;font-weight:400;color:var(--lightBlue)}.category-section{border-bottom:1px solid var(--darkGrey)}.item-cont{background-color:#707070;border-radius:1em;box-shadow:0 4px 8px #0003,0 6px 20px #00000052;cursor:pointer;transition:.1s}.item-cont:hover{transform:scale(1.05);transition:.2s}.empty-space{height:140px}.label-section{background-color:#0c243cb8;color:var(--lightGrey)}.cat-item-cont{display:grid;justify-content:center}@media only screen and (max-width: 1300px){.item-cont{width:290px;height:185px}}@media only screen and (max-width: 1255px){.item-cont{width:280px;height:180px}}@media only screen and (max-width: 1230px){.item-cont{width:270px;height:170px}}@media only screen and (max-width: 1199px){.item-cont{width:320px;height:190px}}@media only screen and (max-width: 1040px){.item-cont{width:300px;height:180px}}@media only screen and (max-width: 992px){.item-cont{width:320px;height:190px}}@media only screen and (max-width: 725px){.item-cont{width:300px;height:190px}}@media only screen and (max-width: 685px){.item-cont{width:280px;height:180px}}@media only screen and (max-width: 640px){.item-cont{width:260px;height:175px}}@media only screen and (max-width: 600px){.item-cont{width:253px;height:172px}}@media only screen and (max-width: 585px){.item-cont{width:245px;height:165px}}@media only screen and (max-width: 575.5px){.item-cont{width:320px;height:190px}}@media only screen and (max-width: 345px){.item-cont{width:280px;height:190px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}