/* YOUR OVERRIDES: loaded last. Put future custom styles here. */

/* Real HTML stays readable when JavaScript is disabled. */
html:not(.reveal-enabled) .reveal {
  opacity: 1;
  transform: none;
}

/* Header links remain usable without JavaScript on small screens. */
@media (max-width: 900px) {
  html:not(.js) .nav {
    position: relative;
    height: auto;
    flex-wrap: wrap;
  }
  html:not(.js) .nav nav {
    display: flex;
    position: static;
    flex-wrap: wrap;
  }
}

/* Social SVGs are stored separately so each can be edited directly. */
.social-icon img {
  width: 17px;
  height: 17px;
  display: block;
}