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

header{
background:#0b2e4f;
color:white;
padding:20px;
text-align:center;
}

nav a{
color:white;
margin:15px;
text-decoration:none;
font-weight:bold;
}

.hero{
background:url('../images/factory.jpg') center/cover no-repeat;
height:400px;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:32px;
text-align:center;
}

.section{
padding:50px;
text-align:center;
}

.grid{
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;
}

.card{
background:#0b2e4f;
color:white;
padding:20px;
width:150px;
border-radius:6px;
}

footer{
background:#0b2e4f;
color:white;
text-align:center;
padding:15px;
}