@font-face {
  font-family: subheading;
    src: 
      url(../fonts/mplus1-black.woff2) format('woff2'),
      url(../fonts/mplus1-black.woff) format('woff'),
      url(../fonts/mplus1-black.ttf);
}
.noscroll {
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  width: 100%;/*WITHOUT THIS, THE SIZE OF THE OPENING DIAGONALS VARIES DEPENDING ON THE CONTENT IN THE ARTICLE*/
}
.doscroll {
  overflow-y: scroll;
  overflow-x: hidden;
  position: static;
}
article {
    color: var(--text);
}
article p {
  margin: 0;
}
.intro {
  margin: 2rem 0;
  text-align: center;
  font-size: 1.75rem;
  color: var(--neutral);
}

@media only screen and (max-width:725px) {

}
@media only screen and (max-width: 800px) {
  article {
    width: 90%;
    margin: 0 auto;
  }
}