/* SELECTION */

.selection {
  margin-top: 50px;
  font-weight: 300;
  padding: 5px;
  background: none;
  border: none;
  outline: none;
  border-radius: 5px;
  background-color: #d6d6d6;

  max-width: 90%;
  -moz-white-space: pre-wrap;
  -o-white-space: pre-wrap;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selection:hover {
  cursor: pointer;
  background-color: #c4c4c4;
}

.selection > option {
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}

/* REFERENCES */

.references {
  max-width: 90%;
  margin-inline: auto;
}

.references-list {
  margin-top: 100px;
  text-align: left;

  display: flex;
  flex-direction: column;
  gap: 50px;
}

.references-list .column {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.references-list ul li a {
  color: var(--clr-dark-gray);
}

@media only screen and (min-width: 1100px) {
  .references-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 125px;
    max-width: 900px;
  }
}