html {
  background-image: url(mc.jpg);
  background-size: 100vw, 100vh;
}
.hotbar {
  width: 50vw;
  margin-left: 25vw;
  margin-top: 74vh;
  position: absolute;
}
button1 {
  background-color: transparent;
  position: absolute;
  border: none;
  margin-left: 26.6vw;
  margin-top: 86.3vh;
  width: 4vw;
  height: 4vw;
  z-index: 5
}
.first {
  position: absolute;
  margin-left: 0vw;
  margin-top: 0vh;
  width: 4vw;
  height: 4vw;
}
button3 {
  background-color: transparent;
  position: absolute;
  border: none;
  margin-left: 37.4vw;
  margin-top: 86.5vh;
  width: 3.9vw;
  height: 3.9vw;
  z-index: 5;
}
.third {
  position: absolute;
  margin-left: 0vw;
  margin-top: 0vh;
  width: 3.8vw;
  height: 3.8vw;
}
button4 {
  background-color: transparent;
  position: absolute;
  border: none;
  margin-left: 42.8vw;
  margin-top: 86.5vh;
  width: 3.9vw;
  height: 3.9vw;
  z-index: 5;
}
.fourth {
  position: absolute;
  margin-left: 0vw;
  margin-top: 0vh;
  width: 3.8vw;
  height: 3.8vw;
}
button5 {
  background-color: transparent;
  position: absolute;
  border: none;
  margin-left: 48.2vw;
  margin-top: 86.5vh;
  width: 3.9vw;
  height: 3.9vw;
  z-index: 5;
}
.fifth {
  position: absolute;
  margin-left: 0vw;
  margin-top: 0vh;
  width: 3.8vw;
  height: 3.8vw;
}
button6 {
  background-color: transparent;
  position: absolute;
  border: none;
  margin-left: 53.9vw;
  margin-top: 86.5vh;
  width: 3.9vw;
  height: 3.9vw;
  z-index: 5;
}
.sixth {
  position: absolute;
  margin-left: 0vw;
  margin-top: 0vh;
  width: 3.8vw;
  height: 3.8vw;
}
button7 {
  background-color: transparent;
  position: absolute;
  border: none;
  margin-left: 59.2vw;
  margin-top: 86.5vh;
  width: 3.9vw;
  height: 3.9vw;
  z-index: 5;
}
.seventh {
  position: absolute;
  margin-left: 0vw;
  margin-top: 0vh;
  width: 3.8vw;
  height: 3.8vw;
}
.info {
  position: absolute;
}