*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Arial,sans-serif;

}


nav{

display:flex;
justify-content:space-between;
align-items:center;

padding:25px 80px;

}


nav ul{

display:flex;
gap:50px;

list-style:none;

}


a{

text-decoration:none;
color:#1f3f83;

}


.shop-btn{

font-weight:bold;

}


.hero{

height:100vh;

background:url("../images/hero.jpg");

background-size:cover;

background-position:center;

display:flex;
justify-content:center;
align-items:center;

}


.overlay{

text-align:center;

}


.overlay h1{

font-size:4rem;
color:white;

}


.overlay p{

font-size:1.4rem;
color:white;

margin-top:20px;

}


button{

background:#df3030;

color:white;

border:none;

padding:20px 50px;

border-radius:50px;

cursor:pointer;

margin-top:30px;

font-size:1.1rem;

}


.characters{

background:#21498f;

padding:100px;

text-align:center;

}


.characters h2{

color:white;

margin-bottom:50px;

}


.character-grid{

display:flex;

justify-content:center;

gap:70px;

}


.character img{

width:250px;
height:250px;

}


.character-chimplete img{

width:250px;
height:285px;

}

.character-chimplete h3{

margin-top:20px;
color:white;

}


.character h3{

margin-top:20px;
color:white;

}


.episodes{

background:#1d3565;

padding:100px;

text-align:center;

}


.episodes h2{

color:white;

margin-bottom:60px;

}


.carousel{

display:flex;

justify-content:center;
gap:40px;

}


.episode img{

width:400px;

border-radius:10px;

}


.club{

padding:100px;

text-align:center;

}


.club input{

width:500px;

padding:20px;

border-radius:20px;

border:2px solid #df3030;

margin-top:30px;

}


footer{

background:#992c3b;

color:white;

padding:70px;

text-align:center;

}