#home {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#home h1 { text-align: center; }

#home_column {
  display: flex;
  flex-direction: column;
}

.odd_row, .even_row {
  display: flex;
  justify-content: center;
}

@media screen and (width > 130ex ) {
  .odd_row, .even_row {
    flex-direction: row;
  }

  .card {
    min-width: 40ex;
    max-width: 40ex;
    min-height: 24ex;
    max-height: 24ex;
  }
}

@media screen and (width <= 130ex) {
  .odd_row {
    flex-direction: column;
  }

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

  #home {
    max-width: 75vw;
  }
}

.card {
  margin: 2ex;
  padding: 2ex;
  border-radius: 8px;
  font-size: larger;
  text-align: justify;
  overflow-y: scroll;
}

.card_title {
  font-weight: bold;
}

.odd {
  background-color: #FFF4E2;
}

.even {
  background-color: #BCD1E2;
}

.pct {
  display: inline-block;
  width: 4ex;
  text-align: right;
  margin-right: 1ex;
}