#main {
  width: inherit;
  color: var(--text-color);
}

h1, h2, h3 {
  color: white;
}

p,
ul {
  font-size: large;
}

#editorimg {
  padding: 10px;
  max-width: 800px;
  margin: auto;
}
#editorimg img {
  width: 100%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.teammember {
  margin: 12px 0;
}

.teammember .profilepic {
  padding: 10px;
  min-width: 300px;
  width: 300px;
  align-self: center;
}
.teammember .profilepic img {
  width: 100%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.teammember .bio {
  padding: 10px;
}

.teammember .name {
  font-size: xx-large;
  font-family: 'cairo-semibold';
  line-height: 1;
}

.teammember .title {
  font-style: italic;
  color: var(--text-color-darker);
  font-size: large;
}

.teammember .blurb {
  font-family: monospace;
  color: white;
  padding: 1px 18px;
  background: var(--background-darker);
  border-radius: 8px;
  max-width: 700px;
  margin-top: 12px;
}
.teammember .blurb p,
.teammember .blurb ul {
  font-size: 18px;
}

#notefromfounder {
  padding: 6px 24px;
  background: var(--background-darker);
  border-radius: 8px;
  margin-bottom: 24px;
}


/* Tablet */
@media only screen and (max-width: 900px) {
  .teammember .profilepic {
    max-width: 200px;
  }
  .teammember {

  }
}

/* Mobile */
@media only screen and (max-width: 560px) {
  .teammember {
    flex-direction: column;
  }
}