@import url(https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);body{font-family:sans-serif}#root{display:flex;flex-direction:column;min-height:100vh}.App{text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;padding:0 210px}@media (max-width:768px){body{padding:0}}.header-container{align-items:center;display:flex;justify-content:center;margin-bottom:16px;margin-top:86px}.header-container .header-image{height:auto;max-width:100%;object-fit:contain}@media (max-width:768px){.header-container .header-image{max-width:70%}}@media (max-width:576px){.header-container .header-image{max-width:100%}}.input-container{margin-bottom:33px;width:100%}.input-container .input{border:1px solid rgba(0,0,0,.5);border-radius:8px;box-sizing:border-box;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;height:56px;line-height:150%;padding-left:19px;width:100%}@media (max-width:576px){.input-container .input{font-size:14px;height:48px}}.input-container .input::-webkit-input-placeholder{background-image:url(/rick-morty/static/media/icon.83161e85516344444b73.svg);background-repeat:no-repeat;background-size:contain;padding-left:30px}.input-container .input::placeholder{background-image:url(/rick-morty/static/media/icon.83161e85516344444b73.svg);background-repeat:no-repeat;background-size:contain;padding-left:30px}@media (max-width:576px){.input-container .input::-webkit-input-placeholder{background-position:10px;background-size:18px;padding-left:38px}.input-container .input::placeholder{background-position:10px;background-size:18px;padding-left:38px}}@media (max-width:768px){.input-container .input{font-size:14px;height:48px}}@media (max-width:576px){.input-container .input{font-size:12px;height:40px}}.character-list{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.character-list .character{align-items:center;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14);display:flex;flex-direction:column;margin:0 10px 20px;width:calc(25% - 20px)}.character-list .character-image{height:auto;max-width:100%;padding-top:28px}.character-list .character-image img{object-fit:cover;width:100%}.character-list .character-details{display:flex;flex-direction:column;text-align:left;width:100%}.character-list .character-name{color:#000;font-size:20px;font-weight:500;margin:12px 16px}.character-list .character-species{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;margin:1px 16px 12px}@media (max-width:768px){.character-list .character{margin:0 10px 20px;width:calc(100% - 20px)}}.character-list .link{color:blue;text-decoration:none}.character-list .link:hover{text-decoration:underline}.character-list .load-more-button{margin-bottom:10px}.character-list .load-more-button button:hover{cursor:pointer}body{font-family:Roboto,sans-serif}.back-button{align-items:center;border:none;color:#000;cursor:pointer;display:flex;font-family:Karla,sans-serif;font-size:1.2rem;height:40px;justify-content:center;left:0;position:absolute;text-decoration:none;top:0;width:120px}.back-button:hover{text-decoration:underline}.back-button:before{background-image:url(/rick-morty/static/media/go-back-icon.c95902e77e37e7d6ecdb.svg);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:16px;margin-right:10px;width:16px}.character-container{font-family:Roboto,sans-serif;margin-top:76px}.character-container .character-image img{border:5px solid #f2f2f7;border-radius:50%;max-width:100%;object-fit:cover}.character-container .character-information .character-name{font-size:48px;font-weight:400;margin-bottom:48px;margin-top:16px}.character-container .character-information .character-details{margin:48px auto 0;max-width:413px;text-align:left}.character-container .character-information .character-details .details-caption{font-size:16px;font-weight:700;margin-bottom:0}.character-container .character-information .character-details p{font-size:14px;font-weight:400;margin-top:5px}
/*# sourceMappingURL=main.778225dd.css.map*/