:root{--main-color: #ec6090;--secondary-color: #666;--dark-color: #1f2122;--dark-light-color: #27292a;--white-color: #fff;--font-family: "Poppins", sans-serif;--main-transition: .3s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--dark-color);font-family:var(--font-family)}ul{list-style:none}a{text-decoration:none}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;transition:width var(--main-transition) ease-in-out}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.card{opacity:0;transform:translateY(30px);transition:all .6s ease}.show{opacity:1;transform:translateY(0)}header{padding:20px 0}header .container{position:relative;display:flex;align-items:center;justify-content:space-between}header .container .logo{flex:1;display:flex;align-items:center;gap:20px;height:53px}header .container .logo a{display:flex;align-items:center}header .container .logo .search{background-color:var(--dark-light-color);display:flex;align-items:center;gap:10px;border-radius:100px;padding-left:20px}header .container .logo .search .search-icon{color:var(--secondary-color)}header .container .logo .search input{font-family:var(--font-family);background-color:transparent;border:none;color:var(--secondary-color);font-size:14px;outline:none;height:48px;border-radius:0 100px 100px 0;transition:padding var(--main-transition) ease-in-out}header .container .logo .search input:focus{padding-right:25px}@media(min-width:1200px){header .container .logo a{border-right:1px solid var(--dark-light-color);padding-right:30px;margin-right:30px}}header .container .links{flex:1;display:flex;align-items:center;justify-content:end;gap:5px}header .container .links li a{font-size:14px;text-transform:capitalize;display:block;padding:8px 15px;color:var(--secondary-color);transition:var(--main-transition)}header .container .links li.profile a{display:flex;align-items:center;gap:10px;background-color:var(--dark-light-color);border-radius:100px;transition:var(--main-transition)}header .container .links li a.active,header .container .links li a:hover{color:var(--main-color)}header .container .links li.profile a img{width:30px;border-radius:50%}header .container .links li.profile a.active{background-color:var(--main-color);color:var(--white-color)}@media(min-width:992px){header .container .links li.profile a:hover{background-color:var(--main-color);color:var(--white-color)}}.toggler{display:none;pointer-events:none}@media(max-width:991px){header{background-color:#f7f7f7;position:sticky;top:0;left:0;z-index:1000;padding:15px 0}header .container .logo{justify-content:space-between}header .container .logo a{border-right:none}header .container .logo .search{display:none}header .container .links{gap:0;flex-direction:column;position:absolute;left:15px;top:calc(100% + 15px);width:calc(100% - 30px);max-height:0;overflow:hidden;transform-origin:top;transition:max-height var(--main-transition) ease-in-out;background-color:var(--white-color);margin:0;padding:0}.toggler{pointer-events:all;width:30px;height:22px;display:flex;flex-wrap:wrap;flex-direction:column;cursor:pointer;position:relative}.toggler>span{position:absolute;height:2px;transition:var(--main-transition);background-color:var(--main-color)}.toggler>span:first-child{width:80%;top:0}.toggler>span:nth-child(2){width:100%;top:10px}.toggler>span:last-child{width:80%;bottom:0}.toggler.x-mark>span{transition:var(--main-transition)}.toggler.x-mark>span:first-child{width:100%;top:13px;transform:rotate(45deg)}.toggler.x-mark>span:nth-child(2){display:none}.toggler.x-mark>span:last-child{width:100%;top:13px;transform:rotate(-45deg)}header .container .links.show{max-height:280px}header .container .links li{display:block;width:100%;border-bottom:1px solid #eee;text-align:center;transition:var(--main-transition);position:relative;z-index:1}header .container .links li:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#f1f1f1;transition:.5s ease-in-out;z-index:-1}header .container .links li:after{content:"";position:absolute;top:0;right:0;height:100%;width:0;background-color:#f1f1f1;transition:.5s ease-in-out;z-index:-1}header .container .links li:hover:before{width:50%}header .container .links li:hover:after{width:50%}header .container .links li a{font-size:16px;margin:0;padding:15px 0}header .container .links li.profile a{display:block;background-color:transparent;text-align:center}header .container .links li.profile a.active{background-color:transparent;color:var(--main-color)}header .container .links li.profile a img{display:none}}footer .container{display:flex;flex-direction:column;text-align:center;gap:5px;justify-content:center;align-items:center;font-weight:300;color:var(--white-color);font-size:15px;padding:30px 15px}footer a{color:var(--white-color);transition:var(--main-transition)}footer a:hover{color:var(--main-color)}.body .container .page-content{background-color:var(--dark-light-color)}@media(max-width:767px){.body .container .page-content{border-radius:10px;padding:15px;margin-top:15px}}@media(min-width:768px){.body .container .page-content{border-radius:15px;padding:25px;margin-top:25px}}@media(min-width:992px){.body .container .page-content{padding:60px;border-radius:23px}}.gaming-library{margin-top:60px;padding:30px;background-color:var(--dark-color);border-radius:23px;position:relative}@media(max-width:991px){.gaming-library{margin-top:50px;padding:20px;border-radius:15px}}@media(max-width:767px){.special-title{font-size:18px;font-weight:500;margin-bottom:20px;text-align:center}}@media(min-width:768px){.special-title{font-size:22px;font-weight:600;margin-bottom:20px}}@media(min-width:1200px){.special-title{font-size:34px;font-weight:700;margin-bottom:30px}}.special-title .underline-part{color:var(--white-color);padding-right:8px;text-decoration:underline}.special-title .normal-part{color:var(--main-color)}.gaming-library-card{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--dark-light-color)}.gaming-library-card{display:flex;flex-wrap:wrap;gap:10px}.gaming-library-card>li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:var(--main-transition)}.gaming-library-card>li span:first-child{font-weight:700;font-size:15px;color:var(--white-color)}.gaming-library-card>li span:last-child{font-size:14px;color:var(--secondary-color)}.gaming-library-card>li:first-child img{border-radius:23px;width:80px;max-width:80px}@media(max-width:767px){.gaming-library-card>li:first-child{flex-basis:100%;margin:15px 0}.gaming-library-card>li:last-child{margin-top:25px}.gaming-library-card>li:not(:first-child):not(:last-child){flex-basis:calc(50% - 5px)}.gaming-library-card>li:last-child{flex-basis:100%}.gaming-library-card>li{gap:1px}.gaming-library-card>li span:first-child{font-weight:400;font-size:14px}}@media(min-width:768px){.gaming-library-card>li{flex-basis:calc(50% - 5px)}}@media(min-width:992px){.gaming-library-card{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:2px}.gaming-library-card>li{align-items:flex-start;flex-basis:auto}.gaming-library-card>li:last-child{min-width:157px;align-items:center}}.special-btn-contained{background-color:var(--main-color);color:var(--white-color);border-radius:100px;display:block;width:fit-content;font-size:15px;padding:12px 30px;font-weight:400;text-transform:capitalize;transition:var(--main-transition) ease-in-out}.special-btn-contained:hover{background-color:var(--white-color);color:var(--main-color)}@media(max-width:767px){.special-btn-contained{margin:0 auto}}.special-btn-outlined{background-color:transparent;color:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:100px;display:block;width:fit-content;font-size:15px;padding:12px 30px;font-weight:400;text-transform:capitalize}@media(max-width:767px){.special-btn-outlined{margin:0 auto}}.hero{background-image:url(/assets/banner-bg-DUbdCv_E.jpg);background-position:center center;background-size:cover;min-height:380px;padding:80px 60px;color:var(--white-color)}.hero h2{font-weight:400}.hero p{text-transform:uppercase;font-weight:700;font-size:45px;margin-bottom:25px;max-width:500px;margin-top:15px}.hero p span{color:var(--main-color)}@media(max-width:767px){.hero{padding:30px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.hero p{max-width:100%!important;font-size:38px;line-height:1.3}}@media(min-width:768px){.hero{border-radius:15px}}@media(min-width:992px){.hero{border-radius:23px}}.most-popular{margin-top:60px;padding:30px;background-color:var(--dark-color);border-radius:23px;position:relative}.cards-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding-bottom:50px}@media(max-width:991px){.most-popular{margin-top:30px;padding:20px;border-radius:15px}}.discover{position:absolute;width:100%;left:0;bottom:-23.5px;display:flex;justify-content:center}.most-popular-card{background-color:var(--dark-light-color);padding:30px 15px;border-radius:23px}.most-popular-card .card-image{overflow:hidden}.most-popular-card .card-image img{border-radius:23px;width:100%;max-width:100%}@media(max-width:991px){.most-popular-card{padding:20px 15px;border-radius:15px}.most-popular-card .card-image img{border-radius:15px}}.card-content .game-and-rating,.card-content .category-and-download{display:flex;justify-content:space-between;align-items:center}.card-content .game-and-rating{margin:8px 0 5px}.game-rating,.game-download{display:flex;align-items:center;gap:3px}.game-name,.game-rating span,.game-download span{color:var(--white-color)}.game-category{color:var(--secondary-color)}.game-rating .star-icon{font-size:20px;color:#ff0}.game-download .download-icon{font-size:20px;color:var(--main-color)}