/* Prevent padding and border from affecting element width. */
*,
::before,
::after {
  box-sizing: border-box;
}

/* Remove the margin in all browsers */
body {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

  height: 100vh;
  width: 100vw;
  background-color: rgb(34, 21, 7);
  /* Eliminate default actions fired when touched*/
  touch-action: none;
}

.flame {
  min-height: 100px;
  min-width: 100px;
  background: radial-gradient(white 10%, gold 15%, transparent 50%);
  border-radius: 100px;
  position: absolute;
  transform: translate(-50%, -50%);
}

.light {
  min-height: 200px;
  min-width: 200px;
  background: radial-gradient(gold, transparent 50%);
  border-radius: 100px;
  position: absolute;
  transform: translate(-50%, -50%);
}