.main-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.name-wrapper {
  position: absolute;
  top: 30%;
  left: 50%;
  font-size: 22px;
}
.main-page-wrapper {
  position: absolute;
  top: 40%;
  left: 20%;
  width: 80%;
  height: 50%;
  position: relative;
  transform: translate(-20%, -40%);
}

.profession-wrapper {
  position: absolute;
  display: flex;
  left: 10%;
  top: 10%;
  width: 80%;
  justify-content: space-around;
  font-size: 20px;
}
a{
    color: rgb(78, 69, 58);
}
a:hover{
    color: rgb(219, 219, 191);
}
.menu-wrapper{
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 70%;
    width: 80%;
    left: 10%;
}