.tangerine-regular {
  font-family: "Tangerine", cursive;
  font-weight: 400;
  font-style: normal;
}

.tangerine-bold {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">🕊️</text></svg>') 50 50, auto;
}

.container {
  display: flex;
  width: 100vw;
  height: 100vh;
}

.uiPanel {
  width: 30%;
  padding: 40px;
  box-sizing: border-box;
  background: #07ef64;
  color: rgb(36, 36, 36);
}

h1 {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
  font-size: 60px;
  /* position: absolute; */
}

#canvasContainer {
  width: 70%;
  overflow: hidden;
}

canvas {
  display: block;
}