.page {
  margin-bottom: calc(60rem / 16);
}

.controls {
  display: flex;
  justify-content: space-between;
}

.controls > *:first-child {
  margin-right: calc(20rem / 16);
}

.palette {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(150rem / 16), 1fr));
  row-gap: calc(20rem / 16);
  column-gap: calc(40rem / 16);
}

.palette > * {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.colorSelector {
  height: calc(75rem / 16);
}

.colorReset {
  margin-bottom: calc(10rem / 16);
  transition-duration: unset;
}

.colorName {
  text-align: center;
}