
.center {
  text-align: center;
}

.upcase {
  text-transform: uppercase;
}

.downcase {
  text-transform: uppercase;
}

.invert {
  color: var(--bg-color);
  background-color: var(--text-color);
  padding-right: calc(var(--gutter) / 5);
  padding-left:  calc(var(--gutter) / 5);
}


.center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.invert {
  color: var(--bg-color);
  background-color: var(--text-color);
  padding-right: calc(var(--gutter) / 5);
  padding-left:  calc(var(--gutter) / 5);
}

Rename upcase class to uppercase; rename downcase class to lowercase
Rename upcase class to uppercase; rename downcase class to lowercase
