/* flexgrid */
/*
 * Do not touch me.
*/

.grid {
  display: grid;
}

.grid--1 {
  grid-template-columns: 1fr;
}

.grid--2 {
  grid-template-columns: repeat(3, 1fr);
}

.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid--4 {
  grid-template-columns: repeat(4, 1fr);
}

.flex {
  display: flex;
}

.flex--column {
  flex-direction: column;
}

.center--x {
  justify-content: center;
}

.center-y {
  align-items: center;
}

.center--xy {
  justify-content: center;
  align-items: center;
}