@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.viewport-toast{position:fixed;bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#1a1a2e;color:#e0e0e0;border:1px solid #444;border-radius:8px;padding:12px 20px;display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:14px;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.5);-webkit-animation:fadeInUp .4s ease;animation:fadeInUp .4s ease;max-width:90vw}.viewport-toast button{background:none;border:none;color:#aaa;cursor:pointer;font-size:16px;margin-left:8px;line-height:1;padding:0}.viewport-toast button:hover{color:#fff}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(16px);transform:translateX(-50%) translateY(16px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(16px);transform:translateX(-50%) translateY(16px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.nav{background-color:#171a21;height:60px;width:100vw;display:flex;flex-direction:row;justify-content:space-between}.nav-btn{height:25px;width:auto;margin:18px 10px 20px 0;padding:0 10px;text-align:center;background-color:initial;border-radius:3px;border:1px solid #007b00;color:#fff}.install{background-color:#007b00;border:none;display:flex;flex-direction:row;align-items:center;grid-gap:5px;gap:5px}.logo{height:45px;width:45px;margin:5px}.logo-box{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;margin-left:500px}.nav-title{color:#999;font-size:40px;font-weight:600}::-webkit-scrollbar{display:none}.component-box{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/LandingBGN.png?raw=true);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.landing{height:100vh;display:flex;align-items:center;justify-content:center;margin-top:275px}.btn-link{cursor:pointer;text-decoration:none;font-family:"Dosis",sans-serif;font-weight:800;text-align:center;color:#000}.btn{display:inline-block;margin-right:15px;padding:10px 95px;font-size:24px;outline:none;background-color:#999;border:none;border-radius:10px;box-shadow:0 9px #747474}.btn:active,.btn:hover{background-color:#a7a7a7}.btn:active{box-shadow:0 5px #747474;-webkit-transform:translateY(4px);transform:translateY(4px)}.btn-box,.nav-home{display:flex;flex-direction:row}.nav-home{height:100px;width:auto;background-color:#171a21;align-items:center;justify-content:space-between}.btn-box{margin-right:440px;margin-bottom:60px}.links-nav{display:flex;flex-direction:row;align-items:center}.link{color:#c5c3c0;text-decoration:none;margin:5px;font-size:15px;font-weight:400}.icon{height:38px;width:38px;margin:5px 5px 5px -15px}.icon-box{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;margin-left:470px}.steel-title{color:#c5c3c0;font-size:27px;font-weight:600;letter-spacing:3px;margin-left:5px}.nav-btn-link,.nav-btn-link:hover,.nav-btn-link:visited{text-decoration:none;color:#fff}.searchbar-div{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:space-around;top:130px;left:460px;z-index:100;width:977px;height:30px;background:linear-gradient(45deg,rgba(13,124,56,.8470588235294118),rgba(20,94,48,.8470588235294118),rgba(20,94,48,.8470588235294118))}.link-searchnav{background-color:initial;border:none;text-decoration:none;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:0 1px 0 2px}.link-searchnav:hover{text-decoration:none;color:#dbf3e3}.link-searchnav:visited{text-decoration:none;color:#fff}.links-box,.searchbar-box{display:flex;align-items:center}.searchbar-box{margin-right:-60px}.searchbar-input{background-color:#105028;border:none;height:24px;color:#fff;border-radius:5px 0 0 5px}.searchbar-input::-webkit-input-placeholder{color:#fff}.searchbar-input::placeholder{color:#fff}.searchbar-btn{background-color:#093f1e;border:none;height:24px}.carrousel-title{color:#c5c3c0;font-size:16px;margin-left:450px;margin-bottom:-5px;font-weight:500}.carousel{height:100vh;display:flex;justify-content:center;align-items:center;margin-top:-290px;margin-bottom:-100px}.image-carrousel{width:605px;height:355px;border-radius:10px 0 0 10px;box-shadow:0 0 10px rgba(0,0,0,.8901960784313725)}.right-arrow{right:420px;border-radius:0 10px 10px 0}.left-arrow,.right-arrow{position:absolute;font-size:3rem;color:#000;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none}.left-arrow{left:420px;border-radius:10px 0 0 10px}.button-carrousel{background-color:initial;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:none;height:150px;width:30px}.slide{opacity:0;transition-duration:1s ease}.slide.active{opacity:1;transition-duration:1s;-webkit-transform:scale(1.08);transform:scale(1.08)}.carrousel-box{display:flex;flex-direction:row;justify-content:center;align-items:center}.carrousel-info{width:300px;height:350px;background-color:#171a21;box-shadow:0 0 10px rgba(0,0,0,.8901960784313725);box-shadow:inset 10px 0 10px rgba(0,0,0,.8901960784313725);display:flex;flex-direction:column;justify-content:space-between}.carrousel-data{color:#b1b1b1}.bottom-elements{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 10px 0 15px}.platform-icon{height:15px;width:15px;margin:1px}.platforms{justify-content:flex-end}.title{font-weight:400;margin-left:15px}.steam-status{font-weight:500;margin-left:15px;margin-bottom:5px}.steam-sell{text-align:center;font-size:10px;margin-left:18px;padding:2px;background-color:#394149;width:70px}.genres-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;max-width:340px;margin:0 auto;padding:0 10px}.genre{text-align:center;background-color:#fff;padding:15px 25px;border-radius:4px}.filter-div{top:15px;width:900px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:35px 25px 10px 490px;background:linear-gradient(45deg,rgba(13,124,56,.8470588235294118),rgba(20,94,48,.8470588235294118),rgba(20,94,48,.8470588235294118))}.select-filter{margin:5px 30px;width:200px;height:20px;color:#fff;font-size:14px;font-weight:500;text-align:center;background-color:#0c4221;border:none;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.select-filter:focus{outline:none}.select-filter:hover,.select-filter option{background-color:#134d29}.select-filter:disabled{background-color:#ccc;color:#555}.box-game,.select-filter.open{height:auto}.box-game{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto,1fr);grid-gap:5px;margin-top:20px;margin-left:435px;margin-right:435px}.card-img{height:280px;width:300px;overflow:hidden;object-fit:cover}.card-box{height:390px;width:300px;margin:15px;box-shadow:0 0 10px rgba(0,0,0,.8901960784313725)}.card-info-box{height:120px;width:300px;background:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Card-bg.png?raw=true);margin-top:-15px}.card-genres-box{display:flex;flex-direction:row;margin-left:-20px}.card-genres{font-size:12px;list-style:none;margin-right:5px;color:#000;font-weight:500}.card-name{font-size:15px;font-weight:400;display:flex;padding-top:10px;padding-left:20px}.card-name-link{font-size:15px;color:#fff;text-align:center;text-decoration:none;cursor:pointer}.card-name-link:hover{font-size:16px;color:#149fe0;transition-duration:.3s}.cards-title{color:#c5c3c0;font-size:16px;margin-left:450px;margin-bottom:-30px;font-weight:500}.prize-box{display:flex;flex-direction:row;margin:0 0 0 20px}.discount{background-color:#1d6f94;width:70px;height:35px;color:#5eb6df;font-size:25px;text-align:center}.prize{width:100px;height:35px;background-color:#171a21}.old-prize{font-size:11px;color:#424242;margin:2px 0 -20px 40px;text-decoration:line-through}.new-prize{margin-top:16px;margin-left:15px;font-size:16px;color:#5eb6df}.pagination{display:flex;justify-content:center;margin:10px}.prev-btn{width:70px;background-color:#171a21;color:#fff;border:none;margin:20px 10px 0}.current-btn,.prev-btn{height:30px;text-align:center}.current-btn{width:20px;background-color:#14171d;color:#5eb6df;margin-top:20px}.next-btn{width:70px;height:30px;color:#fff;border:none;text-align:center;margin:20px 10px 0}.footer-home,.next-btn{background-color:#171a21}.footer-home{margin-top:30px;height:120px;width:auto;display:flex;flex-direction:column;align-items:center}.footer-text{color:#969eab;font-size:11px;text-align:center;margin-left:430px;margin-right:430px;padding:0}.footer-text a{color:#969eab;font-weight:500}.footer-divider{margin:15px 0;background-color:#969eab;height:1px;width:1020px;padding:0}.up{margin-top:15px}body{background-color:#0d2715}.home-body{position:relative;display:flex;flex-direction:column}.winter-poster{width:977px;height:150px;margin-left:450px;margin-top:-150px}.divider-bar{background-color:rgba(22,194,74,.00784313725490196);height:10px;width:1100px;margin-top:-170px;margin-bottom:185px;margin-left:380px;box-shadow:0 -50px 50px #16c249}.game-background{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Detail-bg.png?raw=true);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:260vh;color:#fff}.cover-img-box{height:400px;width:600px;background-color:#000}.cover-image{height:335px;width:600px;margin-top:30px}.detail-structure{flex-direction:row;align-items:center;width:950px;height:450px;margin-left:450px;background-color:rgba(13,39,21,.4);padding-left:15px;border-radius:2px}.detail-structure,.game-details{display:flex;justify-content:center}.game-details{height:400px;width:350px;flex-direction:column}.detail-id{font-size:10px;position:absolute;top:0;right:0;z-index:9999;padding:5px 10px}.detail-name{font-size:25px;margin-left:450px;font-weight:400;margin-bottom:10px}.category{font-size:12px;margin-left:450px;color:#6b6b6b;margin-bottom:-20px;margin-top:80px}.detail-img{height:150px;width:320px;-webkit-filter:hue-rotate(70deg);filter:hue-rotate(70deg);margin-top:15px;margin-left:15px}.detail-info{margin-bottom:-10px;margin-left:15px;font-size:10px;text-transform:uppercase}.detail-game-description{font-size:12px;margin:20px 10px 5px 15px}.rating{margin-bottom:10px;display:flex;align-items:center}.platforms{font-size:10px;display:flex;flex-direction:row;margin-left:15px}.detail-span{font-size:11px;text-transform:none;margin-left:10px;color:#00e946}.release-span{color:#b7b7b7;font-size:11px}.detail-platform-label{font-size:10px;margin-right:-30px}.detail-description-value{font-size:10px}.detail-genre-lablel{font-size:10px;margin-right:-15px}.genres{font-size:10px;display:flex;flex-direction:row;margin-left:15px}.detail-genre-value,.detail-platform-value{display:flex;flex-wrap:wrap;list-style:none}.detail-genre-value li,.detail-platform-value li{color:#000;width:auto;height:15px;display:flex;justify-items:center;align-items:center;padding:1px 3px;margin:2px;background-color:#ccc;text-align:center}.detail-extra-info{height:150px;width:305px;display:flex;flex-direction:column;background-color:#1b0d27;padding:5px 0;margin-bottom:15px}.caracteristica{font-size:17px;display:flex;flex-direction:row;align-items:center;background-color:#2f1446;height:20px;padding:3px;margin:2px 5px}.caracteristica svg{background-color:#150a1e;padding:5px;margin-left:-5px;margin-right:10px}.detail-extra-idiom{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Detail-img/idiom.png?raw=true);height:200px;width:305px;margin-bottom:10px}.detail-extra-esrb{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Detail-img/esrb.png?raw=true);height:155px;width:305px;margin-bottom:-5px}.detail-extra-badges{height:125px;width:305px;background-color:#1b0d27}.badges-box{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:3px;gap:3px}.badge-title{font-size:13px;padding-left:20px}.badge{height:65px;width:65px;background-color:#2d1343;display:flex;justify-content:center;align-items:center;text-align:center}.badge-two{-webkit-filter:hue-rotate(120deg);filter:hue-rotate(120deg)}.badge-three{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}.detail-extra-metacritic{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Detail-img/metacritic.png?raw=true);height:80px;width:305px;margin-top:20px}.detail-extra-franchise{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Detail-img/bg.png?raw=true);height:55px;width:615px;border-radius:5px;display:flex;align-items:center}.franchise-title{margin-left:15px}.detail-extra-buygame{height:75px;width:615px;margin-top:40px;background-color:#2d1343;display:flex;align-items:center;justify-content:space-between}.buygame-title{margin-left:15px}.buygame-btn-box{display:flex;flex-direction:row;background-color:#000;padding:3px;grid-gap:2px;gap:2px;margin-top:70px;margin-right:20px;border-radius:2px}.detail-extra-btn{font-size:15px;width:135px;height:30px;border:none;border-radius:2px;display:flex;align-items:center;justify-content:center}.buy{background-color:#8ad128;color:#fff}.detail-extra-buypack{height:120px;width:615px;background-color:#2d1343;margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.buypack-description-span{color:#fff;font-size:12px}.buypack-description{font-size:12px;color:#6b6b6b;margin-left:15px}.buypack-btn-box{display:flex;flex-direction:row-reverse;margin-top:20px;margin-left:150px;border-radius:2px;grid-gap:6px;gap:6px}.pack-data{background-color:#9e3cee;color:#fff}.buypack-btn-prize-box{display:flex;flex-direction:row;border-radius:2px;grid-gap:2px;gap:2px}.buypack-btn-data-box,.buypack-btn-prize-box{background-color:#000;padding:3px}.buypack-text{display:flex;flex-direction:column}.buypack-title{margin:10px 0 -10px 15px}.detail-extra-contenido{height:95px;width:615px;display:flex;flex-direction:column;grid-gap:2px;gap:2px;background-color:#2d1343;padding:5px 0}.dlc-container{height:20px;width:600px;margin-top:1.5px;margin-left:7px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#691ea7}.dlc-name{margin-left:15px}.dlc-prize{margin-right:15px}.dlc-btn-box{display:flex;flex-direction:row;background-color:#000;padding:3px;border-radius:2px;grid-gap:2px;gap:2px;margin-left:335px;width:250px;margin-top:5px}.detail-extra-events{height:120px;width:615px;display:flex;flex-direction:row;margin-bottom:200px;margin-left:2px}.event-box{margin:5px}.event-img{height:165px;width:295px;border-radius:5px 5px 0 0}.event-info{height:60px;width:270px;padding:12px;display:flex;flex-direction:column;background-color:#150a1e;margin-top:-5px;border-radius:0 0 5px 5px}.event-title{margin-top:-5px;font-size:15px}.event-date{margin-top:-10px;font-size:13px;color:#6b6b6b}.detail-extra-about{height:auto;width:615px;padding:15px}.detail-extra-requeriments{height:305px;width:615px;display:flex;flex-direction:row;font-size:12px;grid-gap:15px;gap:15px;padding:15px;margin-bottom:50px}.requeriments-span{color:#6b6b6b}.requeriments-column{width:290px}.detail-extra-container{display:flex;flex-direction:row;justify-content:center;margin-left:-15px;grid-gap:15px;gap:15px;margin-top:30px}.detail-extra-title{font-size:15px;font-weight:500;margin-top:15px}.buypack-page-title{margin-top:35px}.contenido-page-title{margin-top:35px;margin-bottom:10px}.events-page-title{margin-top:55px;margin-bottom:10px}.form-box{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Form-bg.png?raw=true);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;height:110vh}.form-container{width:800px;height:500px;flex-direction:row-reverse;padding:200px 560px 0;margin-bottom:165px}.form-container,form{display:flex;align-items:center;justify-content:center}form{width:750px;height:550px;color:#00b618;flex-direction:column;background-color:#0d2715;padding:80px 10px;border-radius:50px 0 0 50px}.form-input{width:430px;height:20px}.form-input,.form-select{padding:5px;border-radius:2px;border:none}.form-select{width:445px;height:30px}.form-input-boxes{margin:5px;display:flex;flex-direction:column;justify-content:center}.form-label{font-size:14px;margin-bottom:2px;font-weight:500;background:linear-gradient(90deg,#00ff62,#008b31);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.form-btn{width:245px;height:25px;padding:5px 10px;margin-top:10px;color:#fff;background:linear-gradient(45deg,#00a53f,#006323);font-weight:500;border:none;border-radius:2px}.qr-box{background-color:#0d2715;padding:195px 30px 195px 0;border-radius:0 50px 50px 0}.qr{background-color:#fff;padding:10px;border-radius:10px}.qr-title{font-weight:500;background:linear-gradient(90deg,#00ff62,#008b31);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.qr-text{color:hsla(0,0%,71.4%,.6588235294117647);font-size:10px;font-weight:500;margin-left:-5px}.error,.qr-text{text-align:center}.error{color:#ad0b0b}.form-title-page{text-transform:uppercase;color:#fff;padding-top:50px;margin-bottom:-50px}.form-title-page,.wip-box{display:flex;justify-content:center}.wip-box{background-image:url(https://github.com/Remojs/PI-Videogames/blob/master/client/public/img/Detail-bg.png?raw=true);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:85vh;flex-direction:row;align-items:center;margin-bottom:-30px}.wip-gif-one{width:100px;height:100px;margin-right:50px}.wip-gif-two{width:180px;height:150px}.wip-title-box{margin-top:60px;display:flex;color:#fff;flex-direction:column;justify-content:center;align-items:center}.wip-btn{background-color:#fff;font-size:20px;border-radius:5px;border:none;color:#000;cursor:pointer;text-align:center;text-decoration:none;width:300px;height:50px}.wip-link{font-weight:600}.wip-link,.wip-link:visited{text-decoration:none;color:inherit}.wip-link:hover{color:#005f16}
/*# sourceMappingURL=main.53a694ae.chunk.css.map */