.bg {
  position: relative;
  width: 2160px;
  height: 2160px;
  transform-origin: top left;
  background-image: url(./bg.jpg);
  background-size: cover;
}
@font-face {
  font-family: "game";
  src: url("./font.ttf") format("truetype");
}

.bg .watercanvas {
  position: absolute;
  left: 144px;
  top: 383px;
  width: 1868px;
  height: 1075px;
}
.bg .button {
  position: absolute;
  bottom: 112px;
  width: 540px;
  height: 383px;
}
.bg .button.left {
  left: 230px;
}
.bg .button.right {
  right: 230px;
}
.bg .meta {
  position: absolute;
  text-align: center;
  top: 1873px;
  left: 837px;
  right: 837px;
  height: 117px;
  line-height: 117px;
  font-size: 52px;
  color: #fff;
  font-family: "game";
}