*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background:#efe9aa}.btn{border:none;border-radius:12px;cursor:pointer;padding:.5rem 1rem;transition:all .05s}.App{display:flex;flex-direction:column;justify-content:space-evenly}.navbar{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;margin:2rem}.navbar form{left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.search-input{border:none;border-radius:12px;outline:none;padding:.5rem 1rem;width:100%}.btn--search{background:#edcd62;position:absolute;right:-5%;top:0}.btn--search:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.bookmarks__btn{background:#f2d679}.bookmarks__btn.active{background:#edcd62}.dashboard{align-items:center;display:flex;flex-direction:column;height:100%}.characters{grid-row-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:0 4rem;row-gap:1rem;width:100%}.character{align-items:center;display:flex;font-size:1.6rem;font-weight:700;gap:1rem;padding:1rem}.character:hover{background-color:#f0df7e;border-radius:12px;cursor:pointer}.character__img{height:7.5rem;width:7.5rem}.character__img img{border-radius:50%;height:100%}.modal{display:flex;justify-content:space-between}.detail{display:flex;flex-direction:column;font-size:1.2rem;gap:2rem;list-style:none}.detail__img{width:20rem}.detail__name{font-size:1.8rem;font-weight:700}.detail__btn{background-color:#f2d679;font-size:2rem;margin:2rem 0}.detail__btn:hover{background:#edcd62}.modal__episodes{display:flex;flex-direction:column;font-size:1.4rem;gap:1rem;height:50rem;overflow:scroll;width:50%}.episode__name{font-size:1.6rem}.pagination{align-items:center;display:flex;font-size:1.4rem;gap:2rem;justify-content:center;margin-top:2rem}.pagination__btn{background-color:#f2d679}.pagination__btn:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.bookmarks{background-color:#f2d679;border:1px solid #e1b31c;border-radius:12px;display:flex;flex-direction:column;margin:1rem;position:absolute;right:1%}.bookmarks .character__img{height:5rem;width:5rem}.bookmarks .character__name{font-size:1.2rem}.lds-dual-ring{display:inline-block;height:80px;left:50%;position:absolute;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#fff transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:830px){html{font-size:50%}.characters{grid-template-columns:1fr 1fr 1fr}}@media (max-width:650px){html{font-size:42.5%}.characters{grid-template-columns:1fr 1fr 1fr}}@media (max-width:450px){html{font-size:35%}.characters{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.50578473.css.map*/