html {
  height: 100vh;
}

body {
  background: #042414;
  color: whitesmoke;
  height: 1000vh;
}

canvas {
  position: fixed;
  left: 50%;
  top: 50%;
  max-height: 100vh;
  max-width: 100vw;
  transform: translate(-50%, -50%);
  z-index: 50;
}

.label {
  z-index: 100;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.label div {
  background-color: yellow;
  border-radius: 50%;
  margin: 0;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  -webkit-box-shadow: 2px 10px 30px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 10px 30px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 10px 30px 0px rgba(0,0,0,0.75);
}
.label div img {
  border-radius: 50%;
  margin: 0;
  width: 10rem;
  height: 10rem;
}

.trigger {
  position: relative;
}
#trigger_01 {
  top: 300vh;
}