a {
  text-decoration: none;
}

.profile-icons {
  white-space: nowrap;
  font-size: 0.85em;
  word-spacing: -0.05em;
}

html {
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-flow: column;
}

#main {
  flex-grow: 1;
  margin-top: 7%;
  margin-bottom: 15%;
}

#magic {
  font-variant: small-caps;
  text-transform: lowercase;
  word-spacing: -0.12em;
}

.asterisk {
  font-size: 2.5em;
  vertical-align: -.42em;
}

#who {
  max-width: 60rem;
}

.footer {
  font-size: .99rem;
  /* font-feature-settings: "lnum"; */
  text-align: center;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  #main {
    font-size: 2.4rem;
    line-height: 1.3;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  #main {
    font-size: 2.6rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  #main {
    font-size: 3.0rem;
    line-height: 1.2;
  }
}