#fireworks {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 1);
  opacity: 0.9;
  z-index: 500;
}

canvas {
  position: absolute;
  width: 100%;
  height: 80%;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0.7;
}

.end {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.end > p {
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 3px;
  color: #e6ce47;
  font-family: MicrosoftYaHei;
}