body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  background-color: #f8dde9;
  padding-left: 20px;
}

h1 {
  font-size: 1.8rem;
}

ul {
  display: flex;
  gap: 30px;
}

ul li {
  list-style-type: none;
}

a {
    color: #773754;
}

a:hover {
    text-decoration: underline;
}

label {
  display: block;
  margin-bottom: 10px;
}

.error {
  color: red;
  font-weight: bold;
}

#trainingInformation {
  display: grid;
  grid-template-columns: min-content min-content;
  white-space: nowrap;
  gap: 10px;
}

#interval-container {
  display: flex;
  flex-direction: row;
}

.interval-swatch {
  width: 50px;
  height: 50px;
  border: 1px solid black; 
  margin: 20px 10px; 
}

.interval-boundaries, .interval-datapoints {
  padding: 20px 20px;
  font-size: 1.2em;
}