html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

canvas {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#map::before {
    content: "YOUR WATERMARK TEXT HERE";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(0, 0, 0, 0.5);
    font-size: 2rem;
    font-weight: bold;
    pointer-events: none;
}