*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.container2 {
  width: 100%;
  background-color: rgb(54, 54, 100);
  height: 100px;
}

.container {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: rgb(218, 218, 203);
  flex-wrap: wrap;
  padding: 0 0.5rem;
  overflow: scroll;
}

.item {
  flex-basis: 33%;
  flex-grow: 1;
  min-width: 18rem;
  max-width: 21rem;
  max-height: 100%;
  margin: 1rem 1rem;
  background-color: rgb(113, 159, 165);
  padding: 2rem;
}