*
{
margin: 0;
padding: 0;
}
header
{
background-color: #cf9c6d;
height:100vh;
}
.hero
{
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  color: #66240c;
  text-align: center;
}
.hero2
{
  top: 80%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  color: #e3e3e3;
  text-align: center;
}