@charset "UTF-8";


body{
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif", sans Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
margin:0;
background:#f4f4f4;
}

/* NAV BAR */

.nav{
background:#f37b00;
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;
}

.nav ul{
list-style:none;
display:flex;
gap:20px;
}

.nav a{
color:white;
text-decoration:none;
}

/* HERO */

.hero{
background:black;
color:white;
text-align:center;
padding:110px 20px;
}

.hero h1{
font-size:50px;
}

/* MAIN CONTENT */

.content{
display:flex;
justify-content:center;
gap:60px;
padding:50px;
}

.leftbox{
background:#b8e0c8;
padding:30px;
width:400px;
}

.rightimages{
display:flex;
flex-direction:column;
gap:30px;
}

.rightimages img{
width:200px;
height:200px;
object-fit:cover;
background:black;
}

/* FOOTER */

footer{
padding:20px;
text-align:center;
color:#555;
}