/* CSS files add styling rules to your content */

* {
  box-sizing: border-box;
}

body {
  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 2em;
  text-align: center;
  --size: calc(90vw - 4em);
  background: #ccc;
}

@media screen and (min-width: 1200px) {
  body {
    --size: 1024px;
  }
}

.glitchOpenWindowElement {
  z-index: 9999;
}

h1 {
  font-style: italic;
  color: #373fff;
  position: relative;
  padding: 0 72px;
}

.plot div {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: 2px;
}

.plot div:hover {
  z-index: 1;
}

.hs {
  border-radius: 100%;
}

.plot {
  position: relative;
  width: var(--size);
  height: var(--size);
  font-size: 14px;
  margin: 4em auto;
  border: 1px solid #000;
  background: #888;
}