.container {
  grid-row: 2;
  grid-column: 2;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@container (max-width: 500px) {
  .container {
      grid-column: 1;
  }
}

.playPauseContainer {
  display: flex;
  column-gap: 1rem;
  align-items: center;
}
.graphControlsSVGContainer {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.graphControlsSVGContainer:hover {
  transform: scale(1.1);
}

.autoScrollContainer {
  display: flex;
  align-self: center;
  align-items: center;
}

.startEndRules {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}