* body{font-family:Poppins,sans-serif;background-color:#333;color:#fff;position:relative}* body header{position:fixed;display:flex;align-items:center;justify-content:space-between;width:100%;background-color:teal;border-bottom:1px solid #008080;padding:5px 0}* body header .nav-brand{display:flex;align-items:center;justify-content:center;gap:50px;margin-left:30px}* body header .nav-brand h1{padding:0}* body header .nav-brand h1 .link{font-family:Buchanan,sans-serif;text-decoration:none;color:#fff;font-weight:200;font-size:15pt}* body header .nav-brand .navbar ul{list-style:none;display:flex;gap:10px}* body header .nav-brand .navbar ul li .link{font-family:Borgen,sans-serif;text-decoration:none;color:#fff}* body header .nav-user{display:flex;gap:20px;margin-right:30px}* body header .nav-user .link{text-decoration:none;color:#fff;font-size:18pt}* body header .nav-user .btn{padding:0 15pt;background-color:#fff;border-style:none;border-radius:5px}* body header .nav-user .btn .link{color:#333;text-decoration:none;font-size:10pt;font-family:Poppins,sans-serif}* body header .nav-user .login{background-color:transparent;border:1px solid #fff}* body header .nav-user .login .link{color:#fff}* body .container{padding-top:60px}* body .container .sign{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px;height:60vh}* body .container .sign .sign-with-google{height:100px;width:100px;background-color:teal;display:flex;align-items:center;justify-content:center;font-size:30pt;border-radius:50px;cursor:pointer}* body .container .sign .signUp{background-color:#fff}*{margin:0;padding:0}* .carousel .manga-list .manga-item{height:500px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between}* .carousel .manga-list .manga-item .arrow{height:50px;width:50px;border-radius:50px;background-color:teal;display:flex;align-items:center;justify-content:center;cursor:pointer}* .carousel .manga-list .manga-item .left-arrow{margin-left:50px}* .carousel .manga-list .manga-item .right-arrow{margin-right:50px}* .carousel .manga-list .manga-item .manga-image{width:250px;height:400px;border-radius:5px;margin:0 30px;background-position:center;background-size:cover;transition:transform .3s ease;cursor:pointer}* .carousel .manga-list .manga-item .manga-image:hover{transform:scale(.8)}* .carousel .manga-list .manga-item .manga-info{width:40%;padding:30px;margin:0 20px;background-color:#ffffffb7;color:#333;border-radius:5px;display:flex;flex-direction:column;gap:10px}* .carousel .manga-list .manga-item .manga-info .manga-info-genre{display:flex;flex-direction:row;gap:10px}* .carousel .manga-list .manga-item .manga-info .manga-info-genre .genre{font-size:6pt;padding:8px;background-color:#333;color:#fff;border-radius:5px}* .carousel .manga-list .manga-item .manga-info p{max-height:100px;white-space:wrap;overflow:hidden;overflow-y:scroll;scroll-behavior:smooth;text-overflow:ellipsis}* .carousel .manga-list .manga-item .manga-info .no-scroll{overflow:hidden;overflow-y:hidden}* .carousel .manga-list .manga-item .manga-info .btn{display:flex;flex-direction:row-reverse}* .carousel .manga-list .manga-item .manga-info .btn button{padding:8px;cursor:pointer;background-color:teal;color:#fff;border-style:none}