body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
}

/* HEADER */

.header{
background:skyblue;
padding:15px;
}

.navbar{
display:flex;
justify-content:center;
gap:25px;
}

.navbar a{
text-decoration:none;
font-weight:bold;
color:black;
}

.navbar a:hover{
background:white;
padding:6px 10px;
border-radius:4px;
}

/* PAGE CONTENT */

.page-content{
padding:60px;
text-align:center;
}

/* SLIDER */

.slider{
position:relative;
width:100%;
height:500px;
overflow:hidden;
}

.slide{
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:1s;
}

.slide.active{
opacity:1;
}

.slide img{
width:100%;
height:500px;
object-fit:cover;
}

.slide-text{
position:absolute;
bottom:50px;
left:50px;
background:rgba(0,0,0,0.6);
color:white;
padding:20px;
font-size:28px;
border-radius:5px;
}