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}.personajes{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;width:90%;margin:20px auto}.personaje,.personajes{justify-content:center;align-items:center;padding:0 5px}.personaje{display:flex;flex-direction:column;background-color:#ddd;border-radius:6px;box-shadow:0 0 10px 0 #ddd;width:95%;height:100%;margin:0 auto}.personaje img{width:65%;border-radius:50%;margin-top:10px}.personaje h3{text-align:center;font-size:22px;width:100%;margin-bottom:0}.personaje ul{margin:0;padding:0;width:100%}.personaje ul li{list-style:none;text-align:center;display:flex;align-items:center;border-bottom:1px solid #5c3277}.personaje ul li:last-child{border:none}.personaje span{margin-right:10px;font-size:.9rem;text-transform:uppercase}.personaje p{display:inline;font-size:12px;margin-left:auto;color:#5d3277}.personaje i{font-size:25px;margin-left:5px;min-width:30px}footer{width:100%;display:flex;justify-content:center;align-items:center;position:relative;left:155%}footer button{font-family:"Poppins",sans-serif;font-size:16px;border:none;border-radius:10px;cursor:pointer;color:#5d3277;background-color:#ddd;outline:none}.btn:hover,footer button{transition:all .5s ease-out}.btn:hover{color:#ddd;background-image:linear-gradient(0deg,#15db95 0,#545aa7)}@media screen and (max-width:425px){.personajes{grid-template-columns:1fr;margin:10px auto}.personaje img{width:55%}.personaje h3{margin-top:5px}.personaje span{font-size:.9rem}.personaje p{font-size:.8rem}footer{left:0}}@media screen and (max-width:375px){.personajes{width:90%}footer{left:0}}.spinner{width:40px;height:40px;background-color:#ddd;margin:100px auto;-webkit-animation:sk-rotateplane 1.2s ease-in-out infinite;animation:sk-rotateplane 1.2s ease-in-out infinite}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.mainClass{background-image:linear-gradient(0deg,#15db95 0,#545aa7);padding:0}.App,.mainClass{margin:0;box-sizing:border-box}.App{padding:0 0 10px;height:100%;font-family:"Poppins",sans-serif}.App h1{margin:0 0 15px;padding-top:15px;text-align:center;font-size:3em;font-weight:700;letter-spacing:1px;color:#ddd}@media screen and (max-width:768px){.App h1{width:80%;margin:0 auto;font-size:3.5em}}@media screen and (max-width:425px){.App h1{width:80%;margin:0 auto;font-size:2.5em}}
/*# sourceMappingURL=main.0ad789f3.chunk.css.map */