main > h1 {
  text-align: center;
  padding: 2em 0;
}

.events {
  display: flex;
  gap: 2em;

  flex-flow: row wrap;
  justify-content: space-around;

  margin: 2em;
}

.event {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;

  border: 5px solid var(--kpalette-dpink);
  border-radius: 10px;

  padding: 2em;

  max-width: 300px ;

  background-color: var(--kpalette-lgreen);
}

.event-icon {
  display: inline;
}

.event-date * {
  display: inline;
  padding: 1em;
}

.event img {
  border: 5px solid var(--kpalette-dpink);
  border-radius: 10px;

  max-width: 200px;
}