/* Basic centering and typography  */
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: grid;
  place-items: center;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: #0b1020;
  /* color: #e6e8f0; */
}

#app {
  font-size: 10rem;
}

#bow {
  position: fixed;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%) perspective(300px) rotateX(15deg);
  width: 80px;
  height: 100px;
  z-index: 10;
  cursor: grab;
  transition: transform 0.1s ease;
}