.flexContainer {
  display: flex;
}

.flexChild {
  flex: 1;
  border: 2px solid black;
}

.flexChild:first-child {
  margin-right: 20px;
}

.cardIdListWrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.cardIdListWrapper div {
  padding: 8px;
  border: 2px solid #444;
  margin-bottom: 4px;
  margin-right: 4px;
  text-align: center;
  border-radius: 10px;
}
.cardIdListWrapper div a {
  color: white;
}
.cardIdListWrapper div:hover {
  background: #3bb273;
  font-weight: bold;
}
.cardIdListWrapper div:hover a {
  text-decoration: none;
  color: black;
}

.cardIdListWrapper.summer a {
  color: #f8c630;
}
.cardIdListWrapper.summer div:hover {
  background: #f8c630;
}
.cardIdListWrapper.summer div:hover a {
  color: black;
}

.cardIdListWrapper.winter a {
  color: #73d2de;
}
.cardIdListWrapper.winter div:hover {
  background: #73d2de;
}
.cardIdListWrapper.winter div:hover a {
  color: black;
}

/*# sourceMappingURL=additional.css.map */