*{margin:0;padding:0;box-sizing:border-box;font-family:"Fira Sans",sans-serif}header{padding-top:50px;padding-bottom:50px}header h1{color:#aaa;font-size:36px;font-weight:400;text-align:center}header h1 strong{color:#313131}.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:#313131;font-size:24px;margin-bottom:16px}.content-wrap aside nav a{display:block;padding:8px 16px;text-align:left;color:#888;font-size:16px;margin-bottom:16px;background-color:#eee;border-radius:999px;text-decoration:none;transition:.4s}.content-wrap aside nav a:hover{background-color:#313131;color:#aaa}.content-wrap main{flex:1 1;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}.content-wrap main .main-head .search-box input{-webkit-appearance:none;appearance:none;background:none;outline:none;border:none;display:block;width:100%;max-width:400px;padding:16px;border-radius:999px;background-color:#eee;transition:.4s}.content-wrap main .main-head .search-box input ::placeholder{color:#888}.content-wrap main .main-head .search-box input:focus,.content-wrap main .main-head .search-box input:valid{background-color:#313131;color:#fff}.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:33.333%;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}.content-wrap main .anime-list .anime-card figure img{display:block;width:100%;height:350px;object-fit:cover;border-radius:16px;box-shadow:0 0 0 rgba(0,0,0,.15);transition:.4s}.content-wrap main .anime-list .anime-card h3{color:#313131}.content-wrap main .anime-list .anime-card:hover figure img{box-shadow:0 6px 12px rgba(0,0,0,.25);transform:scale(1.05)}.anime-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{display:flex;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:85%;max-height:80%;width:85%;box-sizing:border-box}.popup-left{flex:1 1;padding:20px 0 24px 18px;text-align:center}.popup-left h2{margin-bottom:16px}.popup-left p{width:90%;margin:16px auto}.popup-right{flex:0.15 0 400px;display:flex;justify-content:center;align-items:center}.mal-button{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#07c;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.mal-button:hover{background-color:#005fa3}.popup-right iframe{width:105%;height:81%;max-width:593px}.anime-details{margin-top:20px;text-align:left}.anime-details p{margin:5px 0}@media (max-width:600px){.popup-content{flex-direction:column;width:90%;padding:15px}.popup-right{flex:none;width:100%;margin-top:10px}}
/*# sourceMappingURL=main.45a35492.chunk.css.map */