*{margin:0;padding:0;box-sizing:border-box}* body{font-family:Anek Bangla,sans-serif;background-color:#2c2c39;color:#ececed}* body header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:15px 20px;background-color:#31313f;user-select:none}* body header .brand{display:flex;align-items:center;flex-direction:row;gap:20px}* body header .brand .icon{font-size:20pt;cursor:pointer}* body header .brand h1{font-size:20pt;font-family:Bangers,cursive;font-weight:200;letter-spacing:2px}* body header .search-bar{width:50%}* body header .search-bar input{padding:8px 10px;width:80%;border-radius:8px;outline:none;border:1px solid rgba(255,255,255,.7137254902);font-family:Bangers,cursive;letter-spacing:1px}* body header .user-setting{margin-right:30px}* body header nav{position:absolute;top:120%;background-color:#31313f;border:1px solid rgb(46,150,110);width:15%;padding:10px 20px;opacity:0;transition:all .2s ease-in-out}* body header nav ul{list-style:none}* body header nav ul li .link{text-decoration:none;color:#ececed}* body header nav.show{opacity:1;z-index:1}* body .container{padding:0 20px}* body .container .home h1{margin-top:10px;font-size:15pt}* body .container .home .carousel-container{width:100%;padding:20px 0}* body .container .home .carousel-container .carousel{display:grid;grid-auto-flow:column;scroll-behavior:auto;gap:1.2rem;overflow-y:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}* body .container .home .carousel-container .carousel::-webkit-scrollbar{display:none}* body .container .home .carousel-container .carousel .card{scroll-snap-align:start;min-height:400px;min-width:800px;background-position:top;background-size:cover;border-radius:10px;-webkit-box-shadow:0 -1px 10px 3px #1b1b1b;-moz-box-shadow:0 -1px 10px 3px #1b1b1b;box-shadow:0 -1px 10px 3px #1b1b1b}* body .container .home .carousel-container .carousel .card .manga-container{background:rgba(139,138,138,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(7px);border:1px solid rgba(139,138,138,.075);min-height:100%;min-width:100%;padding:10px;border-radius:10px;display:flex;flex-direction:row;gap:20px}* body .container .home .carousel-container .carousel .card .manga-container .manga-image{background-position:center;background-size:cover;background-repeat:no-repeat;height:300px;width:25%;border-radius:10px}* body .container .home .carousel-container .carousel .card .manga-container .manga-info{width:75%}* body .container .home .carousel-container .carousel .card .manga-container .manga-info h1{font-size:18pt}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-genre{display:flex;flex-direction:row;gap:10px}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-genre p{border-bottom:.5px dotted #ececed;font-size:10pt}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-synopsis{padding:0 15px 0 0;height:100px;overflow:hidden;overflow-y:scroll;scroll-behavior:smooth}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-synopsis p{font-size:10pt;text-align:justify}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-extra{display:flex;align-items:center;justify-content:space-between}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-extra p{color:#1fff7c}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-read{display:flex;flex-direction:row;gap:10px;margin:10px 0}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-read button{display:flex;align-items:center;padding:8px 10px;gap:5px;background-color:#6c7489;color:#ececed;cursor:pointer;border:1px solid #ececed}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-read button .icon{font-size:15pt}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-read .link{display:flex;align-items:center;padding:8px 10px;gap:5px;background-color:#6c7489;color:#ececed;cursor:pointer;border:1px solid #ececed}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-read .link .icon{font-size:15pt}* body .container .home .carousel-container .carousel .card .manga-container .manga-info .manga-info-read .btn-ex{background-color:transparent;color:#ececed}* body .container .home .trending .carousel .card{min-height:150px;min-width:400px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;-webkit-box-shadow:0 -1px 10px 3px #1b1b1b;-moz-box-shadow:0 -1px 10px 3px #1b1b1b;box-shadow:0 -1px 10px 3px #1b1b1b}* body .container .home .trending .carousel .card .manga-trend-image{min-height:150px;min-width:100px;background-position:center;background-size:cover;border-radius:5px}* body .container .home .progress{width:100.8px;height:16.8px;background:linear-gradient(#40bc92 0 0) left/0% 100% no-repeat #31313f;animation:progress-jgv380 2s infinite linear;position:absolute;top:50%;left:45%}@keyframes progress-jgv380{to{background-size:100% 100%}}* body .container .home .recommend{padding:8px 20px;background-color:#31313f;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;height:500px;overflow:hidden;overflow-y:scroll}* body .container .home .recommend .manga-reco-card{background-color:#2c2c39;display:flex;flex-direction:row;gap:10px}* body .container .home .recommend .manga-reco-card .manga-reco-card-image{height:100px;width:70px;background-position:center;background-size:cover;border-radius:5px}* body .container .home .recommend .manga-reco-card .manga-reco-card-info h4{font-size:10pt}* body .container .home .recommend .manga-reco-card .manga-reco-card-info .link{color:#ececed;font-size:10pt}