body {
  margin: 0;
  padding: 0;
}

svg {
  width: 100vmin;
  height: 100vmin;
}

#root {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.r45 {
  transform-origin: 300px 300px;
  transform: rotate(45deg);
}

/* path {
  stroke-width: 2px;
  mix-blend-mode: screen;
  fill: transparent;
} */

.flight {
  stroke-width: 1px;
  /* mix-blend-mode: screen; */
  fill: transparent;
  opacity: .5;
}

.ring {
  fill: transparent;
  stroke-width: 1px;
}

.moon {
  opacity: .5;
}