*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
background:black;
color:white;
}

/* HEADER */

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 60px;
}

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

nav a{
color:white;
margin-right:20px;
text-decoration:none;
font-size:16px;
}

nav a:hover{
color:red;
}

.profile{
width:40px;
border-radius:4px;
}

/* BANNER */

.banner{
padding:120px 60px;
max-width:600px;
}

.banner h1{
font-size:64px;
margin-bottom:20px;
}

.banner p{
color:#ddd;
line-height:1.6;
margin-bottom:20px;
}

.buttons button{
padding:12px 22px;
border:none;
font-weight:bold;
cursor:pointer;
margin-right:10px;
}

.play{
background:white;
color:black;
}

.list{
background:#444;
color:white;
}

/* MOVIE SECTION */

.movies{
padding:40px 60px;
}

.movies h2{
margin-bottom:20px;
}

.movie-row{
display:flex;
gap:20px;
}

.movie-row img{
width:220px;
border-radius:6px;
transition:0.3s;
cursor:pointer;
}

.movie-row img:hover{
transform:scale(1.1);
}