body {
  background-image: url(/images/background2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: black;
  font-family: Verdana;
}
.navbar{
  position: fixed;
  margin-top: -22px;
  margin-left: 410px;
  clip-path: inset(0% 0% 0% 70%)
}



.button1a{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 0px;
  margin-left: 1787px;
}
.button1b{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 0px;
  margin-left: 1787px;
  opacity: 0;
}
.button1b:hover{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 0px;
  margin-left: 1787px;
  opacity: 1;
}



.button2a{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 120px;
  margin-left: 1787px;
}
.button2b{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 120px;
  margin-left: 1787px;
  opacity: 0;
}
.button2b:hover{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 120px;
  margin-left: 1787px;
  opacity: 1;
}



.button3a{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 240px;
  margin-left: 1787px;
}
.button3b{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 240px;
  margin-left: 1787px;
  opacity: 0;
}
.button3b:hover{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 240px;
  margin-left: 1787px;
  opacity: 1;
}



.button4a{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 360px;
  margin-left: 1787px;
}
.button4b{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 360px;
  margin-left: 1787px;
  opacity: 0;
}
.button4b:hover{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 360px;
  margin-left: 1787px;
  opacity: 1;
}



.button5a{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 480px;
  margin-left: 1787px;
}
.button5b{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 480px;
  margin-left: 1787px;
  opacity: 0;
}
.button5b:hover{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 480px;
  margin-left: 1787px;
  opacity: 1;
}



.button6a{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 600px;
  margin-left: 1787px;
}
.button6b{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 600px;
  margin-left: 1787px;
  opacity: 0;
}
.button6b:hover{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 600px;
  margin-left: 1787px;
  opacity: 1;
}



.button7a{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 720px;
  margin-left: 1787px;
}
.button7b{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 720px;
  margin-left: 1787px;
  opacity: 0;
}
.button7b:hover{
  position: fixed;
  width: 100px;
  height: 100px;
  margin-top: 720px;
  margin-left: 1787px;
  opacity: 1;
}