@media screen and (min-width: 800px) {
  html {
    background-image: linear-gradient(
      to bottom right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1)),
      url('/i/4286483527_50eb45cb62_o.jpg'
    );
  }
}

body {
  opacity: 90%;
  padding: 0.5em 0.75em;
}

h1 {
  text-align: center;
}

nav {
  text-align: right;
}

ul.links {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  text-align: center;
}

ul.links li {
  display: inline;
  padding: 0 1em;
  white-space: nowrap;
}