body{
margin:0;
font-family:Arial;
background:#101322;
color:white;
}

header{

background:#1d2140;
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;

}

.logo{
font-size:24px;
color:#7a7aff;
font-weight:bold;
}

nav a{
color:white;
margin-left:20px;
text-decoration:none;
}

.search{
padding:8px;
border-radius:6px;
border:none;
}

.container{

padding:40px;

}

.manga-grid{

display:grid;
grid-template-columns:repeat(auto-fill,200px);
gap:20px;

}

.card{

background:#1a1e3d;
border-radius:10px;
overflow:hidden;
text-decoration:none;
color:white;
transition:0.3s;

}

.card:hover{

transform:scale(1.05);

}

.card img{

width:100%;
height:260px;
object-fit:cover;

}

.title{

padding:10px;
font-size:14px;

}