*{margin:0;padding:0;box-sizing:border-box;font-family:Fira Sans,sans-serif}body{background-color:#fff5f7}header{padding-top:50px;padding-bottom:50px}header h1{color:#ff8fa3;font-size:36px;font-weight:400;text-align:center}header h1 strong{color:#ff4d6d}.content-wrap{display:flex}.content-wrap aside{flex:1 1 250px;max-width:250px;padding-right:16px}.content-wrap aside nav{padding-left:16px;padding-right:16px}.content-wrap aside nav h3{color:#ff4d6d;font-size:24px;margin-bottom:16px;border-bottom:2px solid #ffccd5;display:inline-block}.content-wrap aside nav a{display:block;padding:10px 16px;text-align:left;color:#c9184a;font-size:16px;margin-bottom:16px;background-color:#ffe5ec;border-radius:999px;text-decoration:none;transition:.4s}.content-wrap aside nav a:hover{background-color:#ff4d6d;color:#fff;transform:translate(5px)}.content-wrap main{flex:1 1 0%;padding:0 16px}.content-wrap main .main-head{display:flex;justify-content:flex-end}.content-wrap main .main-head .search-box{display:flex;justify-content:flex-end;flex:1 1 0%}.content-wrap main .main-head .search-box input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:2px solid transparent;display:block;width:100%;max-width:400px;padding:16px;border-radius:999px;background-color:#fff;box-shadow:0 4px 12px #ff4d6d1a;transition:.4s}.content-wrap main .main-head .search-box input::-moz-placeholder{color:#ffb3c1}.content-wrap main .main-head .search-box input::placeholder{color:#ffb3c1}.content-wrap main .main-head .search-box input:focus{border-color:#ff4d6d;background-color:#fff;color:#ff4d6d}.content-wrap main .anime-list{display:flex;flex-wrap:wrap;margin:32px -8px 0}.content-wrap main .anime-list .anime-card{flex:1 1 33.333%;max-width:100%;padding:16px 8px}.content-wrap main .anime-list .anime-card a{text-decoration:none}.content-wrap main .anime-list .anime-card figure{display:block;margin-bottom:16px;overflow:hidden;border-radius:16px}.content-wrap main .anime-list .anime-card figure img{display:block;width:100%;height:350px;-o-object-fit:cover;object-fit:cover;border-radius:16px;box-shadow:0 4px 10px #ff4d6d1a;transition:.4s}.content-wrap main .anime-list .anime-card h3{color:#ff4d6d;transition:.3s}.content-wrap main .anime-list .anime-card:hover figure img{box-shadow:0 8px 20px #ff4d6d4d;transform:scale(1.05)}.content-wrap main .anime-list .anime-card:hover h3{color:#c9184a}.anime-details-view{padding:0 16px;animation:fadeIn .4s ease-out}.anime-details-view .back-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ff4d6d;color:#fff;border:none;outline:none;padding:10px 24px;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:32px;transition:.4s}.anime-details-view .back-btn:hover{background-color:#c9184a;box-shadow:0 4px 12px #c9184a4d}.anime-details-view .details-card{display:flex;flex-wrap:wrap;background-color:#fff;padding:32px;border-radius:24px;gap:32px;box-shadow:0 10px 30px #ff4d6d0d}.anime-details-view .details-card img{flex:1 1 300px;max-width:400px;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:16px;box-shadow:0 6px 12px #0000001a}.anime-details-view .details-card .details-info{flex:1 1 300px}.anime-details-view .details-card .details-info h1{color:#ff4d6d;font-size:32px;margin-bottom:16px}.anime-details-view .details-card .details-info p{color:#555;font-size:18px;line-height:1.6;margin-bottom:16px}.anime-details-view .details-card .details-info p strong{color:#ff4d6d}.anime-details-view .details-card .details-info .synopsis{background:#fff5f7;padding:20px;border-left:5px solid #ff8fa3;border-radius:8px;font-size:16px;color:#666}.anime-details-view .details-card .details-info .download-button{display:inline-block;margin-top:24px;padding:16px 32px;background-color:#ff4d6d;color:#fff;text-decoration:none;font-weight:700;border-radius:999px;transition:.4s}.anime-details-view .details-card .details-info .download-button:hover{background-color:#c9184a;transform:translateY(-3px);box-shadow:0 6px 15px #c9184a4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.content-wrap{flex-direction:column}.content-wrap aside{max-width:100%;margin-bottom:32px}.details-card{flex-direction:column;align-items:center;text-align:center}}