*{font-family:poppins;caret-color:transparent}body{overflow-x:hidden;user-select: none;width:100vw}hr.title-line{border-radius:20px;height:5px;width:20%;background-color:#212529}.banner-section{position:relative;height:676px;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:2%}.main{flex:1}.banner-image{flex:1;display:flex;justify-content:flex-end;align-items:center}.banner-image img{max-width:90%;max-height:90%;object-fit:contain;padding-top:5%}.banner-heading{font-weight:700;text-align:center;font-size:5em;color:#212529;margin:0;margin-left:50px}.banner-subtitle{font-weight:300;font-size:1.3em;color:#212529;margin:0;text-align:center}.colored{background:linear-gradient(260deg,#51d137,#8ae501);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.colored2{background:linear-gradient(290deg,#8ae501,#51d137);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tall-banner{position:relative;width:100%;transition:transform .2s ease;margin-bottom:70px}.tall-banner:hover{transform:scale(1.04)}.tall-banner-container{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.tall-banner img{max-width:100%;height:auto;object-fit:contain}.tall-banner-title{position:absolute;margin:0;font-size:2em;font-weight:300;background:linear-gradient(90deg,#323232,#151b13);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:3;text-align:center}h1.colored-title{background:linear-gradient(10deg,#8aff1d,#00b72e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;display:flex;align-items:center;margin:40px 0 10px 0}h1.colored-title::before{content:"";display:inline-block;width:40px;height:40px;background-position:center;background-size:contain;background-repeat:no-repeat;margin-right:.5rem;opacity:84%;filter:brightness(0) contrast(50%) sepia(63%) hue-rotate(105deg) saturate(4600%)}h1.icon1::before{background-image:url(../icons/guides.webp)}h1.icon2::before{background-image:url(../icons/tips.webp);filter:brightness(0) contrast(50%) sepia(63%) hue-rotate(105deg) saturate(4600%);width:45px;height:45px;margin-top:-.4%}.guides-container{display:flex;justify-content:center}.page-content{margin:10px auto 20px auto!important;display:grid;grid-gap:1rem;padding:1rem;width:1100px;grid-template-columns:repeat(4,3fr)}.page-content .card{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:1rem;width:100%;text-align:center;color:#fff;background-color:#f5f5f5;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.1);height:339px;border-radius:15px;border:none!important}.page-content .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:110%;background-size:cover;background-position:0 0;transition:transform calc(700ms * 1.5) cubic-bezier(.19,1,.22,1);pointer-events:none}.page-content .card:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 40%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);transform:translateY(-50%);transition:transform .3s}.page-content .card .title{display:none}.page-content .card:focus-within .title,.page-content .card:hover .title{display:block}.page-content.first-row .card:nth-child(1):before{background-image:url(../images/guides/cyberpunk.webp);background-size:cover;background-position:center}.page-content.first-row .card:nth-child(2):before{background-image:url(../images/guides/sanandreas.webp);background-size:contain;background-size:101%;background-position:center;background-position-y:-60%}.page-content.first-row .card:nth-child(3):before{background-image:url(../images/guides/sonsofforest.webp);background-size:contain;background-size:100%;background-position:center;background-position-y:60%}.page-content.first-row .card:nth-child(4):before{background-image:url(../images/guides/stardewvalley.webp);background-size:contain;background-size:100%;background-position:center;background-position-y:140%}.page-content.second-row .card:nth-child(1):before{background-image:url(../images/guides/axis.webp);background-size:cover;background-position:center;background-position-y:120%}.page-content.second-row .card:nth-child(2):before{background-image:url(../images/guides/sengoku.webp);background-size:contain;background-size:100%;background-position:center;background-position-y:-130%}.page-content.second-row .card:nth-child(3):before{background-image:url(../images/guides/stalker2.webp);background-size:contain;background-size:100%;background-position:center;background-position-y:0}.page-content.second-row .card:nth-child(4):before{background-image:url(../images/guides/zero.webp);background-size:contain;background-position:center;background-position-y:0}.content-box{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;transition:transform .7s cubic-bezier(.19,1,.22,1);z-index:1}.content-box>*+*{margin-top:1rem}.first-row .card:nth-child(1) .title{width:200px;filter:grayscale(100%) brightness(10000%) contrast(100%)}.first-row .card:nth-child(2) .title{width:120px}.first-row .card:nth-child(3) .title{width:120px;filter:grayscale(100%) brightness(10000%) contrast(100%)}.first-row .card:nth-child(4) .title{width:170px}.second-row .card:nth-child(1) .title{width:160px;filter:grayscale(100%) brightness(10000%) contrast(100%)}.second-row .card:nth-child(2) .title{width:110px;filter:grayscale(100%) brightness(130%) contrast(100%)}.second-row .card:nth-child(3) .title{width:180px;filter:invert(1)}.second-row .card:nth-child(4) .title{width:170px;filter:grayscale(100%) brightness(110%) contrast(100%)}.copy{font-size:1rem;line-height:1.2;margin-top:15px}.content-box button:focus{background-color:#fff!important}.content-box a .btn{cursor:pointer;margin-top:-20px!important;border-radius:10px;padding:.7rem 1rem;font-size:.65rem;font-weight:700;letter-spacing:.025rem;text-transform:uppercase;color:#000;background-color:#fff;border:none;margin:0}.content-box a{text-decoration:none;color:#000}.content-box a .btn:hover{background-color:rgba(255,255,255,.756)}.content-box a .btn:focus{outline:2px dashed #fff;outline-offset:3px}.page-content .card:after{transform:translateY(0)}.content-box{transform:translateY(calc(100% - 4.5rem))}.content-box>:not(.title){opacity:0;transform:translateY(1rem);transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1)}.page-content .card:focus-within,.page-content .card:hover{align-items:center}.page-content .card.clicked:before,.page-content .card:focus-within:before,.page-content .card:hover:before{transform:translateY(-4%)}.page-content .card.clicked:after,.page-content .card:focus-within:after,.page-content .card:hover:after{transform:translateY(-50%)}.page-content .card.clicked .content-box,.page-content .card:focus-within .content-box,.page-content .card:hover .content-box{transform:translateY(0)}.page-content .card.clicked .content-box>:not(.title),.page-content .card:focus-within .content-box>:not(.title),.page-content .card:hover .content-box>:not(.title){opacity:1;transform:translateY(0);transition-delay:calc(700ms / 8)}.page-content .card:focus-within .content-box,.page-content .card:focus-within .content-box>:not(.title),.page-content .card:focus-within:after,.page-content .card:focus-within:before{transition-duration:0s}.page-content .card.clicked .title{display:block}.footer{background-color:#79f71f9e;padding:2% 5% .7% 5%;color:#23ca23;position:relative;overflow:hidden;width:99.5vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.content{max-width:1400px;margin:0 auto;position:relative}.bottom-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:0 3%}.page-icons{display:flex;gap:2rem}.page-icon{background-color:#23ca23;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .3s ease;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.page-icon:hover{opacity:.8;transform:scale(1.2);transition-duration:.5s}.page-icon-img{width:60%;object-fit:cover}.footer-tag{text-align:center;margin-bottom:2%}.handle{font-size:1.7rem;margin:0;margin-bottom:.5rem;font-style:italic}.slogan{font-size:3rem;margin:0;font-weight:700;color:#23ca23}.footer .logo{text-align:center;width:auto}.logo-img{max-width:150px;margin-top:-4%;height:auto;filter:brightness(0) saturate(100%) invert(28%) sepia(60%) saturate(1056%) hue-rotate(70deg) brightness(195%) contrast(89%)}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.footer-links a{color:#23ca23;text-decoration:none;font-size:.9rem}.footer-links a:hover{text-decoration:underline}.footer-logo-container{width:400px;height:150px;display:flex;justify-content:center;align-items:center;position:relative}.footer-logo-container img{width:100%;height:auto;position:absolute;object-fit:contain;transition:opacity .5s ease,transform .5s ease}.short-logo{opacity:1;transform:scale(1)}.full-logo{opacity:0;transform:scale(.7);margin-top:-5%;filter:brightness(0) saturate(100%) invert(28%) sepia(60%) saturate(1056%) hue-rotate(70deg) brightness(195%) contrast(89%)}.footer-logo-container:hover .short-logo{opacity:0;transform:scale(1.1)}.footer-logo-container:hover .full-logo{opacity:1;transform:scale(1)}@media (max-width:1406px){.bottom-row{flex-wrap:nowrap;padding-left:0;padding-right:0}.main{margin-right:-40px;flex:1}.banner-heading{margin:0}.banner-section{height:auto}.tall-banner-title{font-size:30px}}@media (max-width:1300px){.bottom-row{margin:10px 0 15px 0}.page-icons{gap:1.5rem}.page-icon{width:60px;height:60px}.footer-logo-container{width:300px;height:100px}.full-logo{width:100%!important}.short-logo{height:120%!important}.bottom-center{display:flex;justify-content:center}.slogan{font-size:45px}}@media (max-width:1200px){.page-content.second-row .card:nth-child(2):before{background-position-y:-60%}.page-content.second-row .card:nth-child(3):before{background-size:103%}.page-content.second-row .card:nth-child(4):before{background-size:103%}.second-row .card:nth-child(4) .title{width:140px}.copy{font-size:.9rem;line-height:1.2}.content-box a .btn{padding:.6rem .9rem;font-size:.7rem}.second-row .card:nth-child(3) .title{width:160px}.second-row .card:nth-child(2) .title{width:90px}.second-row .card:nth-child(1) .title{width:115px}.first-row .card:nth-child(1) .title{width:140px}.first-row .card:nth-child(2) .title{width:90px}.first-row .card:nth-child(3) .title{width:90px}.first-row .card:nth-child(4) .title{width:115px}.tall-banner-title{font-size:25px}.main{font-size:14px;margin-right:-110px}.tall-banner{margin-bottom:50px}.tall-banner:hover{transform:scale(1.02)}.page-content .card{height:290px}}@media (max-width:992px){h1.colored-title{font-size:30px;margin-top:25px}h1.colored-title::before{width:30px;height:30px;margin-right:.3rem}.banner-heading{font-size:3.3rem}.banner-image img{width:80%;height:80%}.tall-banner{margin-bottom:30px}.tall-banner-title{font-size:18px}.page-content .card{height:210px}.page-content.first-row .card:nth-child(1):before{background-size:103%;background-position-y:-1%}.page-content.first-row .card:nth-child(2):before{background-size:101%}.page-content.second-row .card:nth-child(2):before{background-position-y:-40%}.copy{font-size:.6rem;line-height:1.2}div.content-box{padding:16px 0}.copy{margin:8px 0}.content-box a .btn{padding:.5rem .6rem;font-size:8px}.first-row .card:nth-child(1) .title{width:110px}.first-row .card:nth-child(2) .title{width:75px}.first-row .card:nth-child(3) .title{width:70px}.first-row .card:nth-child(4) .title{width:100px}.second-row .card:nth-child(1) .title{width:90px}.second-row .card:nth-child(2) .title{width:70px}.second-row .card:nth-child(3) .title{width:100px}.second-row .card:nth-child(4) .title{width:90px}hr.title-line{width:40%}.bottom-row{display:grid}.bottom-row .logo{order:2}.bottom-row{width:80vw;display:grid;grid-template-columns:48% 46%;grid-template-rows:auto auto;gap:20px 10px}.logo{text-align:center;grid-column:2;grid-row:1/span 2}.bottom-center{display:flex;justify-content:center;margin:5px 0 10px 0}.slogan{font-size:40px}.page-icon{width:55px;height:55px}.page-icons{justify-content:center}.footer-logo-container{width:300px;height:100px}.full-logo{width:100%!important}.short-logo{height:120%!important}}@media (max-width:768px){h1.colored-title{font-size:25px;margin-top:15px}h1.colored-title::before{width:22px;height:22px;margin-right:.25rem}.banner-section{margin-top:40px}.main{margin-right:-90px;flex:1}.banner-image{margin-right:30px}.tall-banner{margin-bottom:25px}.tall-banner-title{font-size:14px}.page-content .card{height:149px}.copy{font-size:.4rem;margin-bottom:14px}.content-box a .btn{padding:.3rem .4rem;border-radius:7px;font-size:5px}.first-row .card:nth-child(1) .title{width:80px}.content-box{padding-bottom:7px!important}.content-box a{margin-top:0}.first-row .card:nth-child(2) .title{width:45px}.first-row .card:nth-child(3) .title{width:45px}.first-row .card:nth-child(4) .title{width:70px}.second-row .card:nth-child(1) .title{width:60px}.second-row .card:nth-child(2) .title{width:50px}.second-row .card:nth-child(3) .title{width:70px}.second-row .card:nth-child(4) .title{width:70px}.page-content.first-row .card:nth-child(1):before{background-size:103%}.page-content.first-row .card:nth-child(2):before{background-size:101%}.page-content.first-row .card:nth-child(3):before{background-size:100%}.page-content.first-row .card:nth-child(4):before{background-size:100%}.page-content.second-row .card:nth-child(1):before{background-size:100%}.page-content.second-row .card:nth-child(2):before{background-size:100%}.page-content.second-row .card:nth-child(3):before{background-size:103%}.page-content.second-row .card:nth-child(4):before{background-size:103%}.page-icons{gap:1rem}.page-icon{width:50px;height:50px}.footer-logo-container{width:250px;height:75px}.full-logo{width:100%!important}.short-logo{height:120%!important}.slogan{font-size:23px}.page-icons{gap:.6rem}.page-icon{width:40px;height:40px}.bottom-row{width:80vw;display:grid;grid-template-columns:55% 42%;grid-template-rows:auto auto;gap:20px 10px}.footer-logo-container{width:150px;height:56px}.full-logo{width:100%!important}.short-logo{height:120%!important}}@media (max-width:576px){.container{max-width:520px}.banner-section{margin-top:40px}.main{margin-right:-40px;flex:1}.banner-image{margin-right:30px}.banner-heading{font-size:3.1rem}.tall-banner-title{font-size:14px}.page-content{grid-template-columns:repeat(2,50%);width:100%;grid-gap:30px 5px;justify-items:center;margin-right:2%!important}.page-content .card{height:268px;width:200px}.copy{font-size:.9rem}div.content-box{padding:10px 10px}.content-box a .btn{padding:.6rem .7rem;font-size:10px}.first-row .card:nth-child(1) .title{width:170px}.first-row .card:nth-child(2) .title{width:105px}.first-row .card:nth-child(3) .title{width:105px}.first-row .card:nth-child(4) .title{width:150px}.second-row .card:nth-child(1) .title{width:140px}.second-row .card:nth-child(2) .title{width:110px}.second-row .card:nth-child(3) .title{width:150px}.second-row .card:nth-child(4) .title{width:140px}hr.title-line{height:4px}}@media (max-width:496px){.page-content .card{height:204px;width:150px}.copy{font-size:.6rem;margin-bottom:20px}div.content-box{padding:10px 3px}.content-box a .btn{padding:.5rem .5rem;font-size:7px}.first-row .card:nth-child(1) .title{width:120px}.first-row .card:nth-child(2) .title{width:70px}.first-row .card:nth-child(3) .title{width:70px}.first-row .card:nth-child(4) .title{width:100px}.second-row .card:nth-child(1) .title{width:100px}.second-row .card:nth-child(2) .title{width:70px}.second-row .card:nth-child(3) .title{width:100px}.second-row .card:nth-child(4) .title{width:100px}.container{max-width:400px}.banner-heading{font-size:40px}.tall-banner-title{font-size:10px}}