#navbar{
  margin-top: -3px;
  height: 50px;
  width: 641px;
  background-color: black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#hline{
  color: white;
  width: 100%;
}

#menubox{
  color: white;
  position: absolute;
  padding-left: 10%;
  top: 120px;
  width: 90%;
}

.menuitem{
  margin-top: 50px;
  width: 350px;
  height: 200px;
  outline-width: thin;
  outline-style: solid;
  outline-color: white;
  border-radius: 10px;
  background-color: rgb(31, 31, 31)
}

.menuitem.mi2{
  left: 20px;
}

#user{
  margin-top: 20px;
  text-align: center;
}

#pw{
  margin-top: 30px;
  text-align: center;
  margin-bottom: 30px;
}

#loginfielddiv{
  text-align: center;
}


#logindiv{
  position: absolute;
  top: 40%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}


#menutext{
  position: relative;
  top: 80px;
  text-align: center;
  text-decoration: none;
}

#menuicon{
  font-size: 30px;
  position: relative;
  top: 80px;
  text-align: center;
}

#modulebox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);

}

#background{
  background-color: rgb(51, 51, 51)
}

#imagecont {
  height: 480px;
  width: 640px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.hitbox{
  position: absolute;
}

.hitbox.s1{
  left: 165px;
  top: 50px;
  width: 280px;
  height: 230px;
}

.hitbox.s2{
  left: 170px;
  top: 50px;
  width: 270px;
  height: 215px;
}

.hitbox.s3{
  left: 130px;
  top: 30px;
  width: 280px;
  height: 180px;
}

.hitbox.s4{
  left: 175px;
  top: 90px;
  width: 140px;
  height: 70px;
}

.hitbox.s5{
  left: 135px;
  top: 30px;
  width: 280px;
  height: 180px;
}

.hitbox.s6{
  left: 95px;
  width: 255px;
  height: 70px;
}

.hitbox.s6.a1{
  top: 82px;
}

.hitbox.s6.a2{
  top: 170px;
}

.hitbox.s6.a3{
  top: 260px;
}

.navarrow{
  margin-top: 15px;
  color: white;
  font-size: 20px;
}

.navarrow.g{
    opacity: 20%;
}

.navarrow.w{
    opacity: 100%;
}

.navarrow.l{
  left: 15px;
}

.navarrow.r{
  left: 30px;
}

.navhome {
  margin-top: 15px;
  left: 550px;
  color: white;
  font-size: 20px;
}
