@charset "UTF-8";
.person-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.person {
  background-color: #fdfdfd;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  margin: 10px;
  align-items: center;
}
.person .picture {
  width: 150px;
  height: 100%;
  object-fit: cover;
  flex: 0 0 auto;
  border-right: 1px solid #222;
}
.person .details {
  min-height: 150px;
  flex: 1 1 auto;
  padding: 10px;
  font-family: "JetBrains Mono", "Inconsolata", Monospaced;
}
.person .details .name {
  font-weight: bold;
}
.person .details .pronouns {
  color: #888;
}
.person .details .pronouns:before {
  content: " | ";
}
.person .details .discordtag {
  color: #888;
}
.person .details .discordtag:before {
  content: " — @";
}
.person .details .role {
  color: #888;
}
.person .details .bio {
  margin-top: 0.5em;
  margin-left: 1em;
  color: black;
  font-family: "Roboto", SansSerif;
  font-size: 0.9em;
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  .person {
    flex-direction: column;
  }
  .person .picture {
    height: 150px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #222;
  }
}
@media only screen and (max-width: 1500px) {
  .person-container {
    grid-template-columns: 1fr;
  }
  .person {
    max-width: 700px;
  }
}

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