body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{box-sizing:border-box;margin:0;padding:0}body{background-image:url(https://images8.alphacoders.com/633/633270.png)}.App{text-align:center}:root{--light-blue:#69b7db}*{text-decoration:none}.Card{grid-gap:3px 2px;border:.2rem solid #69b7db;border:.2rem solid var(--light-blue);border-radius:2rem;box-shadow:.5rem .5rem .9rem #69b7db;box-shadow:.5rem .5rem .9rem var(--light-blue);display:grid;gap:3px 2px;grid-auto-columns:1fr;grid-template-areas:"favorite button-close" "card-name card-name" "text text";grid-template-columns:1.6fr .4fr;grid-template-rows:.4fr 1.6fr 20%;height:50vh;margin-bottom:20px;max-height:400px;max-width:400px;position:relative;width:200px}.card-link{align-self:end;grid-area:card-name;justify-self:center}.Card-name{background-color:rgba(105,183,219,.67);border-radius:2rem;color:#0c273f;font-size:18px;margin-left:1rem;margin-top:1rem;padding:.5rem;text-decoration:none}.Card-name:active{color:#b9f1ef}.button-close{align-self:start;background-color:#f36e6e;border-radius:.2rem;color:#0f2d31;cursor:pointer;font-size:larger;font-weight:bolder;grid-area:button-close;justify-self:end;margin-right:1rem;margin-top:1rem;padding:.2rem}.button-close:hover{background-color:#dd1717;color:#ffebcd;cursor:pointer;transition:background-color,color .4s ease-in-out;-webkit-transition:background-color,color .4s ease-in-out;-moz-transition:background-color,color .4s ease-in-out;-ms-transition:background-color,color .4s ease-in-out;-o-transition:background-color,color .4s ease-in-out}.image-character{-moz-border-radius-topleft:2rem;-moz-border-radius-topright:2rem;-webkit-border-top-left-radius:2rem;border-top-left-radius:2rem;-webkit-border-top-right-radius:2rem;border-top-right-radius:2rem;height:80%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.container-text{align-content:center;align-items:center;background-color:rgba(107,190,228,.21);border-radius:0 0 2rem 2rem;color:#69b7db;color:var(--light-blue);display:flex;flex-wrap:wrap;font-size:.45rem;gap:0 .5rem;grid-area:text;justify-content:space-evenly;width:100%}.button-favorite{align-self:center;background-color:initial;border:0;cursor:pointer;font-size:1.5rem;grid-area:favorite;justify-self:start;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);width:-webkit-max-content;width:max-content}.button-favorite,.button-favorite-favorite{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.button-favorite-favorite{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}.numPage,.paginate button{color:var(--white)}.paginate button{background-color:var(--lightblue);border:1px solid var(--white);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;cursor:pointer;font-size:1.4rem;font-weight:bolder}.paginate button:hover{border-color:rgba(75,28,247,.588);color:rgba(75,28,247,.588);transition:border-color .5s ease-out,color .5s ease-out;-webkit-transition:border-color .5s ease-out,color .5s ease-out;-moz-transition:border-color .5s ease-out,color .5s ease-out;-ms-transition:border-color .5s ease-out,color .5s ease-out;-o-transition:border-color .5s ease-out,color .5s ease-out}.cards-container{display:flex;flex-wrap:wrap;gap:4rem;justify-content:space-around;margin-top:2rem}.paginate{justify-content:center;width:100%}.container-search,.paginate{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.container-search{justify-content:space-evenly}.burguer-nav .container-search{justify-content:center}.search{background-color:#382ef380;border:5px solid var(--light-blue);border-radius:2rem;color:aqua;font-family:sans-serif;outline:none;padding:.3rem;text-align:center}.search::-webkit-input-placeholder{color:hsla(0,0%,100%,.712);letter-spacing:.2rem}.search::placeholder{color:hsla(0,0%,100%,.712);letter-spacing:.2rem}.search:focus{border:5px solid #faebd7;box-shadow:0 0 1rem .5rem var(--light-blue);font-weight:700;transition:border,box-shadow 1s ease-out;-webkit-transition:border,box-shadow 1s ease-out;-moz-transition:border,box-shadow 1s ease-out;-ms-transition:border,box-shadow 1s ease-out;-o-transition:border,box-shadow 1s ease-out}.container-search button{background-color:var(--light-blue);border:5px solid var(--light-blue);border-radius:1rem;color:hsla(0,0%,100%,.588);cursor:pointer;font-size:large}.container-search button:hover{box-shadow:0 0 1rem .5rem var(--light-blue);color:#fff;transition:color 1.5s ease;-webkit-transition:color 1.5s ease;-moz-transition:color 1.5s ease;-ms-transition:color 1.5s ease;-o-transition:color 1.5s ease}.Nav{align-items:center;background-color:rgba(7,143,255,.253);border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin:.5rem auto 0;padding:1rem;width:95%}.Nav-button{background-color:var(--light-blue);border:5px solid var(--light-blue);border-radius:1rem;color:rgba(75,28,247,.588);cursor:pointer;font-size:large;font-weight:bolder;width:10rem}.Nav-button:hover{box-shadow:0 0 1rem .5rem var(--light-blue);color:#fff;transition:color 1.5s ease;-webkit-transition:color 1.5s ease;-moz-transition:color 1.5s ease;-ms-transition:color 1.5s ease;-o-transition:color 1.5s ease}.burguer-menu{align-items:flex-start;cursor:pointer;display:none;flex-direction:column;height:3em;justify-content:space-between;z-index:2000}.burguer-item{background-color:var(--light-blue);border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;height:20%;width:4em}.burguer-item.clicked:first-child{transform:rotate(45deg) translate(.75em,1.15em);-webkit-transform:rotate(45deg) translate(.75em,1.15em);-moz-transform:rotate(45deg) translate(.75em,1.15em);-ms-transform:rotate(45deg) translate(.75em,1.15em);-o-transform:rotate(45deg) translate(.75em,1.15em)}.burguer-item.clicked:first-child,.burguer-item.clicked:nth-child(2){transition:.5s ease-out;-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;-ms-transition:.5s ease-out;-o-transition:.5s ease-out}.burguer-item.clicked:nth-child(2){opacity:0}.burguer-item.clicked:nth-child(3){transform:rotate(134deg) translate(-.6em,1em);-webkit-transform:rotate(134deg) translate(-.6em,1em);-moz-transform:rotate(134deg) translate(-.6em,1em);-ms-transform:rotate(134deg) translate(-.6em,1em);-o-transform:rotate(134deg) translate(-.6em,1em);transition:.5s ease-out;-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;-ms-transition:.5s ease-out;-o-transition:.5s ease-out}.burguer-item.unclicked{transform:rotate(0) translate(0);-webkit-transform:rotate(0) translate(0);-moz-transform:rotate(0) translate(0);-ms-transform:rotate(0) translate(0);-o-transform:rotate(0) translate(0);transition:.5s cubic-bezier(.175,.885,.32,1.275);-webkit-transition:.5s cubic-bezier(.175,.885,.32,1.275);-moz-transition:.5s cubic-bezier(.175,.885,.32,1.275);-ms-transition:.5s cubic-bezier(.175,.885,.32,1.275);-o-transition:.5s cubic-bezier(.175,.885,.32,1.275)}.burguer-nav{align-items:center;background-color:#143961;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;position:fixed;right:0;top:0;transition:background-color 2s ease;-webkit-transition:background-color 2s ease;-moz-transition:background-color 2s ease;-ms-transition:background-color 2s ease;-o-transition:background-color 2s ease;width:100%;z-index:1000}.disabled{display:none;transition:all 2s ease;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease}.burguer-nav a{width:100%}.burguer-nav .Nav-button{font-size:1.5rem;padding:1rem;width:80%}.burguer-nav .container-search{width:100%}@media (max-width:1300px){.Nav{gap:1rem 0}.Nav .Nav-button,.Nav .container-search{display:none}.Nav .Nav-button-home{display:block;position:relative;z-index:2000}.Nav .burguer-menu{display:flex}}:root{--lightblue:rgba(84,207,255,.507)}.title{color:#e0f1ff;color:var(--white);font-size:2.8rem}.about{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;justify-items:center;margin:2rem auto;width:90%}.container-info{background-color:#46c6f8;box-shadow:.5rem .5rem .5rem rgba(84,207,255,.507);box-shadow:.5rem .5rem .5rem var(--lightblue);height:70%;padding:1.5rem;position:relative}.container-info:before{background-color:rgba(255,95,84,.507);transform:translate(-52px);-webkit-transform:translate(-52px);-moz-transform:translate(-52px);-ms-transform:translate(-52px);-o-transform:translate(-52px)}.container-info:after,.container-info:before{border-radius:50%;content:"";height:10px;margin:.2rem;position:absolute;right:0;top:0;width:10px}.container-info:after{background-color:rgba(84,255,107,.507);transform:translate(-32px);-webkit-transform:translate(-32px);-moz-transform:translate(-32px);-ms-transform:translate(-32px);-o-transform:translate(-32px)}.container-info p{font-size:1.5rem;font-weight:bolder;letter-spacing:.2rem;line-height:2rem;overflow:hidden;padding:1rem;white-space:pre-line}.cursor{-webkit-animation:blink .8s infinite;animation:blink .8s infinite;background-color:#e0f1ff;height:2rem;position:absolute;text-align:center;width:.2rem}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.container-image{height:400px;width:400px}.container-image .image-person{height:80%;width:80%}.image-person:hover{box-shadow:0 0 .5rem .5rem rgba(84,207,255,.507);box-shadow:0 0 .5rem .5rem var(--lightblue);transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transition:box-shadow 1s ease-in-out,-webkit-transform 1s ease-in-out;transition:box-shadow 1s ease-in-out,transform 1s ease-in-out;transition:box-shadow 1s ease-in-out,transform 1s ease-in-out,-webkit-transform 1s ease-in-out;-webkit-transition:box-shadow 1s ease-in-out,transform 1s ease-in-out;-moz-transition:box-shadow 1s ease-in-out,transform 1s ease-in-out;-ms-transition:box-shadow 1s ease-in-out,transform 1s ease-in-out;-o-transition:box-shadow 1s ease-in-out,transform 1s ease-in-out}@media (max-width:700px){.about{grid-template-columns:1fr;margin:0}}.container-card{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;height:70vh;justify-items:center;margin:2rem auto;width:90%}.container-info{background-color:rgba(84,207,255,.507);border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;box-shadow:.5rem .5rem .5rem #8bd3f5;box-shadow:.5rem .5rem .5rem var(--ligthblue);color:#e0f1ff;height:-webkit-min-content;height:min-content;padding:1rem;text-align:center;width:80%}.container-image{align-items:center;display:flex;justify-content:center}.container-image img{border:2px inset #8bd3f5;border:2px inset var(--ligthblue);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;object-fit:cover;width:100%}@media (max-width:700px){.container-card{grid-template-columns:1fr}}:root{--ligthblue:#8bd3f5}.error-container{color:#8bd3f5;color:var(--ligthblue);margin-top:50vh;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.error-title{font-size:4rem;margin-bottom:2rem}.error-message{font-size:2rem;margin-bottom:2rem}.error-link{border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;box-shadow:0 0 .2rem #8bd3f5;box-shadow:0 0 .2rem var(--ligthblue);color:#8bd3f5;color:var(--ligthblue);font-size:1.2rem;padding:.5rem;text-decoration:none}.error-link:hover{background-color:rgba(139,211,245,.411);color:beige;transition:color 1s ease;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}:root{--lightblue:rgba(139,211,245,.8);--white:#e0f1ff;--ligthgreen:#4caf50;--ligthred:rgba(244,37,37,.62)}form{align-content:center;flex-wrap:wrap;width:50%}.form,form{align-items:center;display:flex;justify-content:center}.form{height:100vh}.container-form{align-items:center;background-color:rgba(139,211,245,.8);background-color:var(--lightblue);border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding:1rem 4rem;text-align:center;width:70%}.container-input{width:100%}.form-image{border:2px solid #4caf50;border:2px solid var(--ligthgreen);border-radius:50%;height:150px;object-fit:cover;width:150px}label{color:#e0f1ff;color:var(--white);display:block;font-size:1.6rem;font-weight:bolder;margin-bottom:.2rem}button[type=submit],input[type=email],input[type=password]{border:1px solid #ccc;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;font-weight:700;outline:none;padding:.5rem;text-align:center;width:90%}button[type=submit]{background-color:#4c77af;color:#fff;cursor:pointer;font-weight:700;margin-top:1.5rem}button[type=submit]:hover{background-color:#4caf50;background-color:var(--ligthgreen);transition:background-color .5s ease;-webkit-transition:background-color .5s ease;-moz-transition:background-color .5s ease;-ms-transition:background-color .5s ease;-o-transition:background-color .5s ease}input[type=email]:focus,input[type=password]:focus{border:1px solid #4caf50;border:1px solid var(--ligthgreen);box-shadow:0 0 0 .1rem #4caf50;box-shadow:0 0 0 .1rem var(--ligthgreen);color:#4caf50;color:var(--ligthgreen);transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-ms-transition:border .3s ease;-o-transition:border .3s ease}.text-error{font-weight:700;margin:.5rem auto;text-align:center;width:90%}.input-error,.text-error{color:rgba(244,37,37,.62);color:var(--ligthred)}.input-error{box-shadow:0 0 0 .1rem rgba(244,37,37,.62);box-shadow:0 0 0 .1rem var(--ligthred)}.input-error:focus{border-color:rgba(244,37,37,.62)!important;border-color:var(--ligthred)!important;box-shadow:0 0 0 .1rem rgba(244,37,37,.62)!important;box-shadow:0 0 0 .1rem var(--ligthred)!important;color:rgba(244,37,37,.62)!important;color:var(--ligthred)!important}.container-favorites{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;margin-top:1rem;width:100%}.container-favorites select{background-color:rgba(87,171,231,.822);border:5px solid transparent;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;color:#2f2f83;cursor:pointer;font-size:large;font-weight:bolder;outline:none}
/*# sourceMappingURL=main.f5713759.css.map*/