/* Invert the colors of the component or element */
.u-invert {
  filter: invert(100%);
  background-color: var(--color-light);
}

/* text alignment (affects children too) */
.u-text-center {
  text-align: center;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

/* rounded edges */
.u-rounded {
  border-radius: 50%;
}