body{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.title{color:#6a9c89;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:30px;margin-bottom:0}.img-home{padding:50px;width:500px}.btn-search{background-color:#6a9c89;border:none;box-shadow:0 4px 12px #1ba94c80;color:#4e4e4e;cursor:pointer;font-size:18.005px;min-height:2.778em;padding:0 1.528em}.btn-search:hover{background-color:#7eacb5;border:1px solid #dcff2b;color:#4e4e4e}.characters{color:#c4dad2;padding:50px}.characters h1{margin-top:0}.container-characters{display:grid;grid-template-columns:auto auto auto;padding-bottom:50px;width:100%}.character-container{align-items:flex-start;background:#6a9c89;border-radius:10px;display:flex;margin:20px 10px}.character-container h3{margin:10px 0}.character-container h6{align-items:center;display:flex;font-size:16px;justify-content:flex-start;margin-bottom:15px;margin-top:0}.alive,.character-container .dead{border-radius:50%;display:inline-block;height:.5rem;margin-right:.375rem;width:.5rem}.character-container .dead{background:#d63d2e}.character-container .alive{background:#5c4}.character-container div:first-child{height:100%}.character-container div:last-child{padding-left:20px;text-align:left}.character-container div:last-child p{text-align:left}.character-container img{border-radius:10px 0 0 10px;height:100%;object-fit:cover;width:100%}.character-container p{font-size:17px;margin:5px 0;text-align:center}.text-grey{color:#16423c}.back-home{cursor:pointer;font-size:15px;text-decoration:underline}@media (max-width:768px){.img-home{padding:20px;width:100%}.title{font-size:24px}.btn-search{font-size:16px;min-height:auto;padding:10px 20px}.characters{padding:0 20px}.container-characters{display:table-cell}.character-container{margin:10px 0;width:auto}.character-container img{width:150px}}@media (max-width:480px){.img-home{padding:10px;width:50%}.btn-search,.title{font-size:20px}.btn-search{padding:8px 15px}.characters{padding:10px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#16423c;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.205a5c29.css.map*/