.app-text {
  background: var(--color-primary-blue);
  color: black;
  padding: 10px 10px;
  text-align: center;
  min-width: 50px;
  max-width: 100vw;
  /* text-transform: uppercase; */
  margin: 2px 0px;
  /* min-height: 300px; */
}

.grid-cont {
  display: grid;
  grid-template-columns: 1fr 8fr; /* sets the two widths */
  grid-auto-rows: minmax(
    50px,
    auto
  ); /* sets the lengths, specifically the amount of rows */
  /* grid-column-gap: 10px; not using, splits between the two columns*/
}