body {
  margin: 0;
  background: #fdfdfd;
  cursor: crosshair;
}

@keyframes example {
  from {top: 0px;}
  to {top: 0px;}
}

canvas{display:block}
#div1 {
  position: absolute;
  top: 20%;
  left: 47%;
  transform: translate(-50%, -50%);
  color: #100f41;
  font-family: "Comfortaa";
  font-size: 2em;
  font-weight: 900;
  -webkit-user-select: none;
  user-select: none;
/*   animation-name: example;
  animation-duration: 4s;   */
}

#div2 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #100f41;
  font-family: "Comfortaa", cursive;
  font-size: 2em;
  font-weight: 900;
  -webkit-user-select: none;
  user-select: none;
}

#div3 {
  position: absolute;
  top: 40%;
  left: 52%;
  transform: translate(-50%, -50%);
  color: #100f41;
  font-family: "Comfortaa";
  font-size: 2em;
  font-weight: 900;
  -webkit-user-select: none;
  user-select: none;
}