body {
  font-family: sans-serif;
}

.uicontainer {
  display: flex;
  justify-content: center;
  gap: 1em;
  padding: 1em 0 1em 0;
  text-align: center;
}

button {
  border-radius: 5em;
  border: 1px solid blue;
  padding: 0.5em 2em 0.5em 2em;
  background: blue;
  text-decoration: none;
  text-align: center;
  color: white;
}

.canvas-container {
  width: 100%;
  height: 200px;
}

#live-chart {
  width: 100%;
  height: 100%;
}

.data-container {
  display: flex;
  justify-content: center;
  padding: 5em 0 0 0;
}

.statsContainer {
  display: flex;
}

.stat {
  text-align: center;
  padding: 1em;
}

.waiting-container {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  padding: 5em 0 0 0;
}