.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/1Jg1hUr.jpg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.button {
  position: relative;
  left: auto;
  top: auto;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: rgba(255, 15, 15, 0.4);
  background-image: url('../images/drBtHEW.png');
  background-position: 50% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.button.head {
  left: -10px;
  top: -200px;
}

.button.color-shift {
  -webkit-filter: hue-rotate(225deg);
  filter: hue-rotate(225deg);
}

.button.color-shift.shoulder {
  left: -86px;
  top: -111px;
}

.button.color-shift.ribs {
  left: -54px;
  top: -32px;
}

.button.color-shift.knee {
  left: -67px;
  top: 83px;
}

.button.elbow {
  left: 83px;
  top: -63px;
}

.button.wrist {
  left: -83px;
}

.button.butt {
  right: -57px;
}

.button.dick {
  left: -6px;
}

.button.ankle {
  left: 76px;
  top: 140px;
}

.button.foot {
  left: -44px;
  top: 162px;
}