*{
  margin: 0;
  padding: 0
}
.head{
  background-color: black;
  padding: 0px 10px;
  position: fixed;
  display: inline-block;
}
.head p{
  color: white;
  font-size: 40px;
  position: absolute;
  left: 40%;
  bottom: 25%
}
.h1{
  color: black;
  font-size: 75px
}
.nav{
  background-color: green
}
nav{
  display: flex;
  padding: 1% 5%;
  justify-content: space-between;
}
.menu{
  flex: 1;
  text-align: right
}
nav ul li{
  list-style: none;
  text-transform: uppercase;
  display: inline-block;
  margin: 2px 10px;
  position: relative;
}
nav ul li a{
  color: black;
  text-decoration: none;
  font-size: 25px
}
.menu ul li::after{
  content: '';
  width: 0px;
  height: 5px;
  background: green;
  display: block;
  margin: auto;
  position: absolute;
  bottom: -5px;
  transition: .3s;
}
.menu ul li:hover::after{
  width: 100%
}
footer{
  background-color: black;
  color: white;
}
.ft{
  width: 75%;
  position: relative;
  left: 11%;
  font-size: 20px
}