body {
  background-color: rgb(255, 255, 255);
  font: 300 1em/1.38 Lato;
  color: rgb(0, 0, 0);
}

.aboutparagraph {
  float: left;
  clear: both;
  width: 69.5989583333%;
  min-height: 450px;
  margin: 84px 0 0 15.19792%;
  font-size: 1em;
  text-align: center;
  letter-spacing: 1px;
  color: rgb(0, 0, 0);
}

.aboutparagraph p {
  margin-bottom: 1em;
}

.abouttext {
  position: absolute;
  top: 0;
  left: 15.5716993051%;
  z-index: 9;
  width: 6.1759131953%;
  min-height: 21px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.abouttext:hover,
.contacttext:hover,
.hometext:hover,
.projectstext:hover,
.researchtext:hover {
  color: rgb(0, 0, 0);
}

.abouttext:active,
.abouttext:focus,
.contacttext:active,
.contacttext:focus,
.hometext:active,
.hometext:focus,
.projectstext:active,
.projectstext:focus,
.researchtext:active,
.researchtext:focus {
  color: rgba(0, 0, 0, 0.99);
}

.contact {
  left: 82.9052734375%;
  z-index: 1;
  border-color: rgb(51, 51, 51);
}

.contact:hover,
.home:hover,
.projects:hover,
.research:hover {
  border-color: rgb(166, 166, 166);
}

.contacttext {
  position: absolute;
  top: 0;
  left: 91.893649437%;
  z-index: 12;
  width: 8.0840548474%;
  min-height: 21px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.containermenu {
  position: relative;
  float: left;
  width: 80%;
  height: 91px;
  margin-left: 10%;
  background-color: rgba(233, 233, 233, 0);
}

.containertextmenu {
  position: absolute;
  top: 91px;
  left: 10%;
  z-index: 14;
  width: 70.0807291666%;
  height: 22px;
}

.home {
  display: block;
  position: absolute;
  top: 59px;
  left: 0;
  z-index: 5;
  width: 16px;
  height: 20px;
  border: 1px solid rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
}

.hometext {
  position: absolute;
  top: 0;
  left: 0%;
  z-index: 13;
  width: 6.1759131953%;
  min-height: 21px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.linemenu {
  position: relative;
  float: left;
  z-index: 0;
  width: 100%;
  height: 1px;
  margin-top: 69px;
  background-color: rgb(24, 24, 24);
}

.menumain {
  display: block;
  position: absolute;
  top: 60px;
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-style: solid;
  border-radius: 100px;
  background-color: rgb(255, 255, 255);
}

.projects {
  left: 38.642578125%;
  z-index: 3;
  border-color: rgb(51, 51, 51);
}

.projectstext {
  position: absolute;
  top: 0;
  left: 41.1318791572%;
  z-index: 10;
  width: 8.6786072609%;
  min-height: 21px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.research {
  left: 59.4677734375%;
  z-index: 2;
  border-color: rgb(51, 51, 51);
}

.researchtext {
  position: absolute;
  top: 0;
  left: 64.9084017687%;
  z-index: 11;
  width: 9.035338709%;
  min-height: 21px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.about-1 {
  position: absolute;
  top: 48px;
  left: 42.4967447916%;
  z-index: 6;
  width: 15%;
  min-height: 51px;
  font-size: 1.688em;
  text-align: center;
  letter-spacing: 3px;
  color: rgb(0, 0, 0);
}

.menumain-1 {
  left: 14.9983723958%;
  z-index: 4;
  border-color: rgb(166, 166, 166);
}

.menumain-1:hover {
  border-color: rgb(128, 128, 128);
}

.menumain-1:active {
  border-color: rgb(51, 51, 51);
}

@media(max-width: 850px) {
  .aboutparagraph {
    margin-left: 15.19118%;
  }

  .containermenu .linemenu {
    position: relative;
    z-index: 0;
  }

  .containertextmenu .abouttext {
    width: 9.2332712535%;
  }

  .containertextmenu .contacttext {
    width: 11.0799255042%;
  }

  .containertextmenu .hometext {
    width: 8.5591375285%;
  }

  .containertextmenu .projectstext {
    width: 12.5908244366%;
  }

  .containertextmenu .researchtext {
    width: 11.7514361409%;
  }

  .containermenu .about-1 {
    top: 9px;
    left: 42.5%;
  }