body {
  font-family: Monospace;
  font-size: 0.8rem;
  margin: 2rem 0px 0px 0px;
}

header, footer, article {
  margin: 0px 2rem;
}

footer {
  margin: 1rem 2rem 0px 2rem;
  font-size: 0.7rem;
  text-align: right;
  text-transform: uppercase;
  color: grey;
}

.y404 {
    background-image: url("y404.png"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 400px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

@media only screen and (min-width: 920px) {
  body {
    font-family: Monospace;
    margin: 2rem 0px 0px 0px;
  }
  
  header, footer, article {
    margin: 0px 8rem;
  }
  
  footer {
    margin: 1rem 8rem 0px 8rem;
  }
} 

header h1 {
  font-family: Sans-serif;
  font-size: 1rem;
  margin: 0.3rem 0px 0px 0px;
}

header a {
  all: unset;
  cursor: pointer;
}

h1 {
  font-size: 1.2rem;
}

.menu {
  text-align: right;
}

.msr {
  font-size: 3rem;
}

.g, sup {
  color: grey;
}