#human-content {
  position: relative;
}


#human-info ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#human-info p {
  font-size: 2vw;
  margin: 0;
  margin-left: 1vw;
  margin-right: 1vw;
}

#human-info a {
  text-decoration : none;
  color : #000;
}

#humanright {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0.5;
  top:50%;
  right:10%;
}

#humanleft {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0.5;
  top:40%;
  left:15%;
}

#humantop {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0.5;
  top:10%;
  left:60%;
}

#humanbottom {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0.5;
  bottom:10%;
  left:25%;
}

#humanphysical {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0.5;
  top:40%;
  left:15%;
}

#humanfood {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0.5;
  top:40%;
  right:5%;
 }

#humanmind {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0.5;
  top:5%;
  left:45%;
}