body{background-color:hsla(0,5%,7%,.849);font-family:Ubuntu Mono,monospace}.nav,body{align-items:center;display:flex;justify-content:center}.nav input{background-color:#000000b3;border:2px solid #fff;border-radius:30px;color:#f5f5f5;font-size:1.2rem;height:30px;outline:none;padding:5px 10px;width:250px}ul{list-style:none}.linkAbout a{background-color:#000;border:2px solid #fff;border-radius:30px;color:#fff;font-size:1.3rem;padding:10px 30px;text-decoration:none;transition:.5s}.linkAbout a:hover{background-color:#fff;border:2px solid #000;box-shadow:3px 3px 10px #000;color:#000}.anime-container{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:10px;padding:15px}.anime-card{background-color:#fff;border:2px solid #000;border-radius:20px;transition:.5s}.anime-card p,a{color:#000;margin:10px;text-align:center;text-decoration:none}.anime-card:hover{background-color:#000;box-shadow:3px 3px 10px #f5e5e5;color:#bdd2f2;cursor:pointer;text-shadow:3px 3px 10px #bdd2f2;transform:scale(1.05)}.anime-card img{border-radius:20px 20px 0 0;height:300px;width:100%}.pagination{align-items:center;display:flex;gap:15px;justify-content:center}.button2,.pagination .button1{border:2px solid #000;border-radius:30px;font-size:1.2rem;height:50px;transition:.5s;width:150px}.button1{background-color:#f45a5a}.button2{background-color:#5af462}.pagination .button1:hover{background-color:#000;border:2px solid #5af462;box-shadow:3px 3px 10px #5af462;color:#fff;cursor:pointer}.pagination .button2:hover{background-color:#000;border:2px solid #f45a5a;box-shadow:3px 3px 10px #f45a5a;color:#fff;cursor:pointer}.anime-detail{background-color:#181717a5;border:2px solid #fff;border-radius:10px;box-shadow:3px 3px 10px #fff;margin:20px 5px;padding:10px}.back{background-color:#6ae9f8;border:2px solid #000;border-radius:30px;color:#000;font-size:1.2rem;height:50px;margin:15px;transition:.5s;width:150px}.back:hover{background-color:#000;border:2px solid #fff;box-shadow:3px 3px 10px #fff;color:#fff;cursor:pointer}.anime-detail img{border-color:#23ef31 #1db9e9 #f13c3c #cee317;border-radius:10px;border-style:solid;border-width:2px;box-shadow:3px 3px 10px #000}.anime-detail h2{color:#fff;font-size:2rem;text-shadow:3px 3px 10px #fff}.about,.anime-detail p{color:#fff}.about{background-color:#000000ae;border:2px solid #fff;border-radius:10px;box-shadow:3px 3px 10px #fff;margin:20px 0;padding:15px;text-align:center}.about h1{text-shadow:3px 3px 10px #fff}.link{display:flex;flex-direction:row;gap:10px;justify-content:space-between}.connect{background-color:#f564f0;border:2px solid #000;border-radius:30px;color:#000;font-size:1.2rem;padding:10px;text-decoration:none;transition:.5s}.connect:hover{background-color:#fff;box-shadow:3px 3px 10px #fff;transform:scale(1.1)}.SiteHome{flex-direction:column}.IMG,.SiteHome{align-items:center;display:flex;justify-content:center}.IMG{flex-direction:row;gap:15px;text-align:center}.IMG img{border:2px solid #000;border-radius:20px;transition:.5s}.IMG img:hover,.SiteHome h2,img:focus{color:#fff;text-align:center;text-shadow:3px 3px 10px #fff}.IMG img:hover,img:focus{border:2px solid #fff;box-shadow:3px 3px 10px #fff;cursor:pointer;margin:10px;transform:scale(1.1)}.IMG:hover{color:#fff;text-shadow:3px 3px 10px #fff}.btn{background-color:#000;border:2px solid #fff;border-radius:30px;color:#fff;font-size:1rem;height:30px;margin:10px;padding:5px;transition:.5s;width:100px}.btn:hover,:focus{background-color:#fff;border:2px solid #000;box-shadow:3px 3px 10px #fff;color:#000;cursor:pointer;margin:10px;transform:scale(1.01)}form{align-items:center;display:flex;flex-direction:row;justify-content:center}@media (max-width:480px){.anime-container{grid-template-columns:1fr}.pagination{gap:5px}.button2,.pagination .button1{font-size:1rem;height:40px;width:80px}.anime-detail{margin:10px 0}.anime-detail img{height:250px;width:200px}.anime-detail h2,.back{font-size:1rem}.back{height:40px;width:80px}.link{flex-direction:column}.about{padding:0}.nav{align-items:center;display:flex;justify-content:center}.IMG,.nav{flex-direction:column}.IMG img{height:200px;width:150px}.IMG h1{font-size:1rem}form{display:flex;flex-direction:column}}@media (min-width:481px) and (max-width:768px){.anime-container{grid-template-columns:repeat(2,1fr)}.anime-detail img{height:350px;width:300px}.anime-detail h2{font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.anime-container{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.736a281a.css.map*/