```css
body{
margin:0;
font-family:Arial;
background:#f7f7f7;
}

header{
background:#000;
color:#fff;
padding:15px 30px;
display:flex;
justify-content:space-between;
align-items:center;
}

header a{
color:#fff;
margin-left:20px;
text-decoration:none;
font-weight:bold;
}

.hero{
height:80vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
background:linear-gradient(to right,#000,#333);
color:white;
}

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

.hero a{
margin-top:20px;
background:#ff4d00;
padding:15px 25px;
color:white;
text-decoration:none;
border-radius:6px;
}

.section{
padding:60px 20px;
text-align:center;
}
```