@import url(https://fonts.googleapis.com/css2?family=Poppins:ital@1&family=Protest+Revolution&family=Protest+Riot&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body,button,input{font-family:Protest Revolution,sans-serif}.video-container{height:100%;overflow:hidden;position:fixed;width:100%;z-index:-10}.video-bg{height:100%;object-fit:cover;width:100%}.content{display:flex;flex-direction:column;gap:50%;height:100vh;position:relative;z-index:1}.divLanding{display:flex;justify-content:center}.landingButtons{display:flex;justify-content:space-around}.h1{color:#29ecf3;margin-top:3rem;padding-left:1rem;text-align:center;text-shadow:0 0 10px #0fac,0 0 20px #0cfc,0 0 30px #001affcc;@media screen and (min-width:768px){font-size:50px}}.createButton,.homeButton{background-color:rgba(90,142,240,.199);border-color:hsla(0,3%,63%,.205);border-radius:700px;color:#0e0604;height:6rem;text-shadow:0 0 10px #0059ff,0 0 20px #00aeff,0 0 30px #0ef;width:6rem;@media screen and (min-width:768px){font-size:23px;height:10rem;width:10rem}}.createButton:hover,.homeButton:hover{background-color:#5a8ef05e;border-radius:700px;color:#16360f;text-shadow:0 0 10px #ef0c,0 0 20px #ffa600cc,0 0 30px #ff4800cc}.imageGame{max-height:4rem;min-height:4rem;width:100%;@media screen and (min-width:768px){max-height:7rem;min-height:7rem}@media screen and (min-width:1024px){max-height:9rem;min-height:9rem}}.divCard{background:linear-gradient(180deg,#1c1c31,#11111f);background-blend-mode:overlay;background-image:url(/static/media/textura-oxidada.bbb88946b88b72240eb2.jpg);border:1px solid #3f3f3f;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.658);color:#fff;height:15rem;padding:20px;@media screen and (min-width:768px){height:20rem}::-webkit-scrollbar{height:0;opacity:0;width:0}}.name{font-size:17px;height:2rem;@media screen and (min-width:786px){font-size:18px;height:3rem}overflow:scroll}.nameGenres{font-size:13px;margin:.2rem;padding-right:1rem;@media screen and (min-width:768px){font-size:15px}}.favButtonCard{background-color:#d4af07;border:none;bottom:0;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);color:#f0f;cursor:pointer;font-size:16px;height:4rem;position:absolute;right:0;width:4rem}.cardContent{@media screen and (min-width:768px){height:20rem;margin-bottom:2rem;margin-left:2rem;margin-right:2rem;margin-top:2rem;width:15rem}height:16rem;margin:2rem 1rem;position:relative;width:10rem}.cardContent:hover{transform:scale(1.5);z-index:100}.cardHome{display:grid;@media screen and (min-width:1024px){grid-template-columns:repeat(4,1fr)}grid-template-columns:repeat(2,1fr)}form{display:flex;flex-direction:row;@media screen and (min-width:768px){padding-right:1rem}}.SearchBInput{border-color:#0000;border-radius:5px 0 0 5px;width:7rem;@media screen and (min-width:768px){height:2rem;width:18rem}}.SearchBBT{background-color:#0fc;border-color:#0000;border-radius:0 5px 5px 0}.SearchBBT:hover{background-color:#fc0;cursor:pointer}.navbar{align-items:center;background-color:#0a0a0a;justify-content:space-between;padding:15px}.links,.navbar{display:flex;flex-direction:row}.links{gap:.5rem;@media screen and (min-width:768px){gap:2rem}@media screen and (min-width:1024px){gap:15rem}}.logo{@media screen and (min-width:768px){img{height:3rem}}}.FavLink,.Link{text-decoration:none}.favButton,.linkToCreate,.linkToHome{color:#0fc;cursor:pointer;font-size:16px;text-shadow:0 0 10px #0059ff,0 0 20px #00aeff,0 0 30px #0ef;@media screen and (min-width:1024px){font-size:30px}}.favButton:hover,.linkToCreate:hover,.linkToHome:hover{color:#fc0;text-shadow:0 0 10px #e5ff00,0 0 20px #f90,0 0 30px #ff4800;transition:color .3s ease-in-out}.paginado{gap:.2rem;list-style-type:none}.paginadoBtn{background-color:#f0f;border-color:#f0f;border-radius:20px;box-shadow:0 4px 8px #f0f3;color:#ff0;padding:5px 10px;transition:box-shadow .3s ease}.paginadoBtn:hover{background-color:#0ff;box-shadow:0 8px 16px #f0f6;color:#2e2b2b}.paginadoBtn:focus{background-color:#0f0;color:#2e2b2b;outline:none}.nameFGenres,.nameFName,.nameFOrigin,.nameFRating{background-color:#4e23bd;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px;position:fixed;transform:translateY(-50%) rotate(270deg);transition:transform .5s ease;z-index:999;@media screen and (min-width:768px){font-size:23px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}@media screen and (min-width:1024px){font-size:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px}}.nameFGenres:hover,.nameFName:hover,.nameFOrigin:hover,.nameFRating:hover{background-color:#1f0d3c;z-index:999}.nameFGenresSelect,.nameFNameSelect,.nameFOriginSelect,.nameFRatingSelect{background-color:#3552f7;border:none;border-radius:10px;color:#f8f8f8;cursor:pointer;font-size:16px;padding:10px;position:fixed;transform:translateY(-50%) rotate(270deg);z-index:999;@media screen and (min-width:768px){font-size:23px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}@media screen and (min-width:1024px){font-size:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px}}.nameFGenresSelect:hover,.nameFNameSelect:hover,.nameFOriginSelect:hover,.nameFRatingSelect:hover{background-color:#130f53;z-index:999}.nameFGenres{right:-6%;top:32%;@media screen and (min-width:768px){right:-4%;top:30%}@media screen and (min-width:1024px){right:-1.5%;top:31%}}.nameFGenresSelect{right:-9%;top:17%;width:7rem;@media screen and (min-width:768px){right:-5%;top:14%;width:10rem}@media screen and (min-width:1024px){right:-2%;top:14%;width:7rem}}.nameFOrigin{right:8%;top:40%;@media screen and (min-width:768px){right:9%;top:43%}@media screen and (min-width:1024px){right:4%;top:39%}}.nameFOriginSelect{right:10%;top:35%;width:8rem;@media screen and (min-width:768px){right:4%;top:28%;width:11rem}@media screen and (min-width:1024px){right:6%;top:34%;width:8rem}}.nameFName{right:7.5%;top:56%;@media screen and (min-width:768px){right:9.2%}@media screen and (min-width:1024px){right:4%;top:59%}}.nameFNameSelect{right:2%;top:46%;width:12rem;@media screen and (min-width:768px){right:-3%;top:77%;width:18rem}@media screen and (min-width:1024px){right:3%;top:70%;width:13rem}}.nameFRating{right:-3.5%;top:65%;@media screen and (min-width:768px){right:-2.2%;top:69%}@media screen and (min-width:1024px){right:-.5%;top:68%}}.nameFRatingSelect{right:-21%;top:86%;width:13rem;@media screen and (min-width:768px){right:-9%;top:87%;width:13rem}@media screen and (min-width:1024px){right:-1.5%;top:83%;width:13rem}}.listado{position:absolute;li{list-style:none}}.divContent,.divHeader{display:flex;flex-direction:column;position:relative;z-index:1}.paginado{display:flex;flex-flow:wrap;justify-content:center;padding:1rem .5rem}.filtros{background-color:#4e23bd;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px;position:fixed;right:-10%;top:50%;transform:translateY(-50%) rotate(270deg);z-index:999;@media screen and (min-width:768px){font-size:23px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px;right:-7%}@media screen and (min-width:1024px){font-size:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px;right:-2.5%}}.filtros:hover{background-color:#1f0d3c;z-index:999}.home{position:relative}.welcome{color:#0fc;display:flex;font-size:40px;justify-content:center;text-shadow:0 0 10px #0059ff,0 0 20px #00aeff,0 0 30px #0ef}.divCreate,.form{align-items:center;display:flex;flex-direction:column}.form{width:95vw;h4{color:#7fff00;text-align:center;text-shadow:2px 2px 4px #099}input,select{background-color:#00d5ff5d;border:1px solid #ccc;border-radius:5px;color:#0d1a01;font-size:16px;padding:5px;width:10rem;@media screen and (min-width:768px){width:15rem}}input::placeholder,select::placeholder{color:#1a3202}button{background-color:#900;border-color:#099;border-radius:20px;color:#c6c6c6;padding:10px}}.fourthSection{align-items:center;display:flex;flex-direction:column;gap:2rem}.fifthSection,.firstSection,.secondSection,.thirdSection{display:flex;flex-direction:row;gap:.5rem;justify-content:center;padding-bottom:1rem;@media screen and (min-width:768px){gap:2rem}}.LinkC{background-color:initial;border:#0000;color:#29ecf3;font-size:30px;margin:1rem;text-align:center;text-shadow:0 0 10px #0fac,0 0 20px #0cfc,0 0 30px #001affcc;@media screen and (min-width:768px){font-size:40px;margin-bottom:.5rem;margin-left:.5rem;margin-right:.5rem;margin-top:.5rem}}.LinkC:hover,.titleC{color:#68f748;text-shadow:0 0 10px #ef0c,0 0 20px #ffa600cc,0 0 30px #ff4800cc}.createHeader{align-items:center;background-color:rgba(137,43,226,.626);display:flex;justify-content:right;width:100%}.error{color:#900;text-shadow:0 0 10px #fff,0 0 20px #c6fcfc,0 0 30px #3cfbfb}.detailsHeader{background-color:rgba(137,43,226,.579);display:flex;gap:10rem;justify-content:flex-start;padding:2rem}.nameD{color:beige;margin-left:2rem;@media screen and (min-width:768px){display:flex;justify-content:center}}.detImage{@media screen and (min-width:768px){display:flex;justify-content:center}}.background_image{height:15rem;width:20rem;@media screen and (min-width:768px){height:20rem;width:25rem}@media screen and (min-width:1024px){height:20rem;width:30rem}}section p{color:beige;@media screen and (min-width:768px){font-size:25px}@media screen and (min-width:1024px){color:bisque}}section h2{color:#8cf05d;text-shadow:0 0 10px hsla(0,0%,100%,.513),0 0 20px hsla(0,0%,100%,.513),0 0 30px hsla(0,0%,100%,.513);@media screen and (min-width:1024px){color:#1e3313;text-shadow:0 0 10px hsla(0,0%,100%,.513),0 0 20px hsla(0,0%,100%,.513),0 0 30px hsla(0,0%,100%,.513)}}li{list-style:none}.allGenres,.firstDetCont,.fourthDetCont,.secondDetCont,.thirdDetCont{align-items:center;display:flex;flex-direction:row;gap:2rem}#caja{@media screen and (min-width:1024px){padding-left:6rem}}.favHeader{align-items:center;background-color:#0a0a0a;display:flex;flex-direction:row;justify-content:space-between;padding:15px}.ButtonCreateDet,.ButtonHomeDet{background-color:initial;color:#0fc;cursor:pointer;font-size:26px;text-shadow:0 0 10px #0059ff,0 0 20px #00aeff,0 0 30px #0ef;@media screen and (min-width:1024px){font-size:30px}border:#0000}.ButtonCreateDet:hover,.ButtonHomeDet:hover,.nameFa{color:#fc0;text-shadow:0 0 10px #e5ff00,0 0 20px #f90,0 0 30px #ff4800;transition:color .3s ease-in-out}.nameFa{display:flex;font-size:35px;justify-content:center}.favContent{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.divFav{background:linear-gradient(180deg,#1c1c31,#11111f);background-blend-mode:overlay;background-image:url(/static/media/textura-oxidada.bbb88946b88b72240eb2.jpg);border:1px solid #3f3f3f;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.658);color:#fff;flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;height:15rem;max-width:calc(40% - 20px);padding:20px;@media screen and (min-width:768px){height:20rem}overflow:hidden;::-webkit-scrollbar{height:0;opacity:0;width:0};@media screen and (min-width:1024px){flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1}position:relative}.divFav img{width:100%}.delButton{bottom:0;position:absolute;right:0}
/*# sourceMappingURL=main.4991da90.css.map*/