body{
margin:0;
font-family:Arial;
background:#111;
color:#fff;
}


header{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 20px;
background:#000;
position:sticky;
top:0;
}

.logo{
font-size:22px;
color:red;
font-weight:bold;
}

nav a{
color:#fff;
margin:10px;
text-decoration:none;
}

nav a:hover{
color:red;
}


.slider img{
width:100%;
height:400px;
object-fit:cover;
}


.container{
width:90%;
margin:auto;
}


.movie-box{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
gap:15px;
}


.movie{

background:#222;
padding:5px;
}

.movie img{
width:100%;
height:250px;
object-fit:cover;
}


button{

display:block;
margin:20px auto;
padding:10px 20px;
background:red;
color:#fff;
border:none;
cursor:pointer;

}


@media(max-width:700px){

nav{
display:none;
}

}