body,

script,

button {

  padding: 0px;

  margin: 0px;

  border: 0px;

  background-color: rgba(0, 0, 0, 1.0);

}

​

#p5_loading{

  padding: 10px;

  font-family: monospace;

  font-size: 14px;

  letter-spacing: 0.06em;

  color: #fff;

​

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  top: 0;

  background-color: rgba(0, 0, 0, 0.0);

}

​

button {

  animation-name: animation;

  animation-duration: 1s;

}

​

@keyframes animation {

  from {

    background-color: rgba(0, 0, 0, 1.0);

  }

​

  to {

    background-color: rgba(0, 0, 0, 0.6);

  }

}

​

​

button {

  font-family: monospace;

  font-size: 100px;

  color: #fff;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s;

  text-align: center;

  -webkit-transition: 0.3s;

  text-decoration: none;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0.6);

​

}

​

button:hover {

  background-color: rgba(0, 0, 0, 0.4);

}

​

button:active {

  background-color: rgba(0, 0, 0, 0.0);

}

​

canvas {

  display: block;

}