*{box-sizing:border-box}ul{list-style:none;padding-left:0;align-content:center}.header{width:100%}.header-logo{display:flex}.logo{width:326px;height:116px;flex-shrink:0;padding:15px;margin:0 auto}@media (min-width:768px){.logo{width:489px;height:174px}}@media (min-width:1200px){.logo{width:652px;height:232px}}.text-imput{display:flex;flex-direction:column;margin:auto}.text-input__label{font-family:Roboto,Arial,sans-serif;font-weight:700;color:#00b1c8;font-size:1rem}@media (min-width:768px){.text-input__label{font-size:1.25rem}}.text-input__field{font-family:Roboto,Arial,sans-serif;color:#111010;padding:5px;font-size:.875rem;border:2px solid #00b1c8;border-radius:3px;margin-left:10px}@media (min-width:768px){.text-input__field{font-size:1.125rem}}.text-input__field::-webkit-input-placeholder{font-family:Roboto,Arial,sans-serif;color:#858282;padding:5px;font-size:.875rem}.text-input__field:-ms-input-placeholder{font-family:Roboto,Arial,sans-serif;color:#858282;padding:5px;font-size:.875rem}.text-input__field::-ms-input-placeholder{font-family:Roboto,Arial,sans-serif;color:#858282;padding:5px;font-size:.875rem}.text-input__field::placeholder{font-family:Roboto,Arial,sans-serif;color:#858282;padding:5px;font-size:.875rem}@media (min-width:768px){.text-input__field::-webkit-input-placeholder{font-size:1.125rem}.text-input__field:-ms-input-placeholder{font-size:1.125rem}.text-input__field::-ms-input-placeholder{font-size:1.125rem}.text-input__field::placeholder{font-size:1.125rem}}.form{display:flex;margin:20px 15px 30px}@media (min-width:768px){.form{flex-direction:column}}.character-card{border:1px solid #111010;border-radius:5px;background-color:#00b1c8;box-shadow:2px 2px 5px 7px #85c87f;display:flex;flex-direction:column;margin:10px;width:100px}@media (min-width:768px){.character-card{width:200px}}.character-card__image{width:100%;flex-shrink:0}.character-card__info{padding:15px;display:flex;flex-direction:column;text-align:center;align-content:center}.character-card__name{font-family:Roboto,Arial,sans-serif;color:#fff;font-size:1.125rem}@media (min-width:768px){.character-card__name{font-size:1.5rem}}.character-card__species{font-family:"Roboto Slab",serif;color:#dcfc4d;font-size:.875rem;margin-top:0}@media (min-width:768px){.character-card__species{font-size:1.125rem}}.character-list{flex-direction:row;flex-wrap:wrap;width:70%;margin:auto}.character-list,.not-found__message{display:flex;justify-content:center}p{font-family:Roboto,Arial,sans-serif;font-size:1.125rem;color:#111010}.icons__nav{display:flex;align-content:center;justify-content:center;margin-left:0}.icons__nav-status{margin-right:-80px}.icons__nav-species,.icons__nav-status{transform:scale(.3)}.modal__overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:hsla(0,0%,80%,.8)}.modal__dialog{position:fixed;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:70vw;max-width:70%;border:.5px solid #85c87f;border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px 10px #85c87f;display:flex;flex-direction:column;padding:5px}@media (min-width:768px){.modal__dialog{width:600px;max-width:100%}}.modal__button-close{width:30px;height:30px}.modal__content{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.modal__content{flex-direction:row}}@media (min-width:768px){.modal__content-image{transform:scale(.9)}}.modal__content-list{padding-left:20px;font-family:Roboto,Arial,sans-serif;color:#858282;font-weight:400;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.modal__list-name{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#00b1c8;font-size:30px;margin-bottom:10px}.modal__button{display:flex;justify-content:flex-end;padding:10px}.modal__button-close{width:20px;height:20px}.modalnf__overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:hsla(0,0%,80%,.8)}.modalnf__dialog{position:fixed;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);width:300px;max-width:70%;border:1px solid #85c87f;border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px 10px #85c87f;display:flex;flex-direction:column;padding:10px;text-align:center}@media (min-width:768px){.modalnf__dialog{width:400px;max-width:100%}}.modalnf__button{display:flex;justify-content:flex-end}.modalnf__button-close{width:20px;height:20px}.modalnf__content h1{font-family:"Roboto Slab",serif;font-size:1.5rem;color:#00b1c8;font-weight:400}@media (min-width:768px){.modalnf__content h1{font-size:1.5rem}}
/*# sourceMappingURL=main.81a6f4bb.chunk.css.map */