html,body {
  position:fixed !important;;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display:inline-block;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
background-color:#f3f0ff;  
background-position: center;
background-repeat: no-repeat; 
background-size: cover;  
overflow:hidden;
}
canvas {
  position:fixed !important;;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  display:inline-block;
  touch-action:none;
  image-rendering:pixelated;
}
.container{
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
}
.container span{
  display:block;
}
.text1{
  color: darkgreen;
  font-size:26px;
  font-weight:400;
  letter-spacing:0.4px;
  margin-bottom:20px;
  position:relative;
  animation:text 3s 1;
  font-family: Copperplate, fantasy;
}