body{
    margin:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /* Prevent touch scrolling and zooming on mobile */
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

canvas{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    /* outline: 3px solid red; */
    height: 100vh !important;
    width: 100vw !important;
  }
  p{
    z-index:1;
    position:absolute;
    font-family: sans-serif;
    background: #fff;
    color: #535353;
    font-size: 10px;
    border-radius: 5px;
    padding: 0.5em 0.5em;
    top: calc(50% + 1em);
    left: 50%;
    transform:translate(-50%, -50%);
    border: 0.5px solid rgb(117,117,117);
    animation: appearReappear 5000ms linear infinite
  }
  @keyframes appearReappear {
    0%{
      opacity:0
    }
    40%{
      opacity:0
    }
    50%{
      opacity:1
    }
    60%{
      opacity:1
    }
    70%{
      opacity:0
    }
    100%{
      opacity:0
    }
  }