body {
  background-color: rgb(255, 255, 255);
}

.logo {
  position: fixed;
  width: 10%;
  top: 4%;
  left: 6%;
  z-index: 6;
}

.abtbtn {
  position: fixed;
  width: 4%;
  top: 28%;
  left: 7.5%;
  z-index: 1;
}
.abtbtn:hover {
  opacity: 50%;
  z-index: -1;
}

.aboutic {
  width: 20%;
  z-index: 0;
  position: fixed;
  left: 0%;
  top: 28%;
  color: rgb(0, 0, 0);
  font-style: normal;
  text-decoration: rgb(0, 0, 0);
}

.aboutic:hover {
  z-index: 1;
}

.clo {
  position: fixed;
  width: 7%;
  top: 39%;
  left: 6.5%;
  z-index: 1;
}
.clo:hover {
  opacity: 50%;
  z-index: -1;
}

.gllry {
  position: fixed;
  width: 6%;
  top: 53%;
  left: 6.5%;
  z-index: 1;
}
.gllry:hover {
  opacity: 50%;
  z-index: -1;
}

.link {
  position: fixed;
  width: 12%;
  top: 65%;
  left: 4%;
  z-index: 1;
  background-color: white;
}
.link:hover {
  opacity: 50%;
  z-index: -1;
}

.cntct {
  position: fixed;
  width: 4%;
  top: 79%;
  left: 7.5%;
  z-index: 1;
  transform: rotate(180deg);
}
.cntct:hover {
  opacity: 50%;
  z-index: -1;
}

.sidebar {
  background-color: rgb(255, 255, 255);
  width: 18%;
  height: 100%;
  position: fixed;
  top: 0%;
  z-index: 5;
}