*{font-family:Arial,Helvetica,sans-serif}*,a,button,h1,h2,h3,h5,li,p,ul{box-sizing:border-box;margin:0;padding:0}a,button,h1,h2,h3,h5,li,p,ul{border:0}.btns{display:flex}.btns,.menu-mobile{background:#000;border:20px solid #000;border-bottom:0;flex-wrap:wrap}.menu-mobile{-webkit-animation:animeLeft .3s forwards;animation:animeLeft .3s forwards;display:grid;grid-template-columns:200px,40px;justify-content:center;opacity:0;-webkit-transform:translatey(-30px);transform:translatey(-30px)}@-webkit-keyframes animaDown{to{opacity:1;-webkit-transform:translatey(-30px);transform:translatey(-30px)}}@keyframes animaDown{to{opacity:1;-webkit-transform:translatey(-30px);transform:translatey(-30px)}}.anima-button{background:#000;border:5px solid #000;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;font-weight:700;grid-column:1;max-width:100vw;padding:15px 20px;text-transform:capitalize}.anima-button:hover{-webkit-animation:colors 2s ease infinite;animation:colors 2s ease infinite;background:linear-gradient(45deg,#0c0d02,#4dab8c,#0c0d02);background-size:300% 300%}.favoritos-btn{border:5px solid #000;cursor:pointer;font-weight:700;width:100px}.menu-mobile .favoritos-btn{font-weight:700;grid-column:1;padding:10px;width:auto}.close-btn{border-radius:50%;display:none;grid-column:2;height:40px;width:40px}.close-img{align-self:center;border:2px solid #84af97;border-radius:50%;width:40px}.favoritos-btn:hover{-webkit-animation:colors 2s ease infinite;animation:colors 2s ease infinite;background:linear-gradient(45deg,#0c0d02,#4dab8c,#0c0d02);background-size:300% 300%}@-webkit-keyframes animeLeft{to{opacity:1;-webkit-transform:none;-webkit-transform:initial;transform:none}}@keyframes animeLeft{to{opacity:1;-webkit-transform:none;-webkit-transform:initial;transform:none}}@-webkit-keyframes colors{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes colors{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.nav-page{background:#000;display:flex;gap:5px;justify-content:center;list-style:none;padding:20px}.nav-page li{border:0;border-radius:5px}.nav-page button{border:0;border-radius:5px;box-sizing:border-box;cursor:pointer;margin:0;padding:7px}@media (max-width:800px){.nav-page button{width:120px}}.nav-page__item--active{background:#84af97;font-weight:700}.disabilite{display:hidden}.carregando{-webkit-animation:is-rotating 1s infinite;animation:is-rotating 1s infinite;border:6px solid #000;border-radius:50%;border-top-color:#daf3ea;height:50px;margin:20px auto 0;width:50px}@-webkit-keyframes is-rotating{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes is-rotating{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-image{background-image:url(/static/media/icone.397e10e0988ad58e146a.PNG)}.clicavel{cursor:pointer}.container-grid{grid-gap:2rem 1.5rem;align-items:center;display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;margin:100px 80px;padding:0;position:relative}.container-grid,.container-grid li{-webkit-animation:animeLeft .5s forwards;animation:animeLeft .5s forwards;list-style:none;opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.container-grid li{display:flex;flex-direction:column;text-align:center}.container-grid img{background-color:#000;border:solid;border-radius:10px;box-shadow:1px 3px 1px 2px rgba(1,10,50,.4);cursor:pointer;max-width:100%}.container-grid h5{font-size:1rem;height:40px;margin:0;padding:0;text-align:center}.anime-info{position:relative}.overlay{background-color:rgba(0,0,0,.8);border-radius:8px;bottom:0;opacity:0;padding:1rem;position:absolute;text-align:justify;top:0;transition:.5s}.overlay .synopsis{background:transparent;color:#84af97;height:100%;margin:0 auto;overflow:auto;padding:.8rem;width:100%}.synopsis::-webkit-scrollbar{width:12px}.synopsis::-webkit-scrollbar-thumb{background:#4dab8c;border-left:2px solid #faf6ed;border-radius:10px;border-right:2px solid #faf6ed}.synopsis::-webkit-scrollbar-track{background:#faf6ed;border-radius:10px}.add-favorito{background:rgba(0,0,0,.1);border-radius:5px;cursor:pointer;display:block;margin-top:15px;padding:10px;text-align:center;z-index:50}.add-favorito:hover{background:#4dab8c}.anime-info:hover .overlay{opacity:1}.search{border:0;outline:none;padding:10px;transition:.5s}.search:focus{border-radius:10px}@media (max-width:807px){.btns{display:none}.close-btn{display:block}.responsivo{display:none}}
/*# sourceMappingURL=main.ea9aba37.css.map*/