* {
  -webkit-text-size-adjust: none;
  font-size: larger;
  table, td, th {
    font-size: smaller;
  }
}

@media screen {
  a:link { color: #00fae0; }
  a:visited { color: #00fae0; }
  body {
    background-color: #0096c8;
    background-image:url('../images/cover.png');
    background-repeat: no-repeat;
    background-size: 100%;
    image-rendering: pixelated;
    margin: 0;
  }
  header {
    margin-left: 3%;
  }
  main {
    background-color: #333;
    border-style: solid;
    border-width: 2px;
    clear: both;
    color: #00fae0;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: 5%;
    margin-right: auto;
    max-width: 50rem;
    padding: 1%;
  }
  article {
    border-top: solid;
  }
  code {
    background-color: #222;
    display: table;
    padding: 1%;
    white-space: pre;
  }
  address {
    border-style: solid;
    border-width: 4px;
    display: inline-block;
    padding: 0.5%;
  }
  address a:link { color: #000; }
  address a:visited { color: #000; }
  table {
    border-style: solid;
  }
  td {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
  }
}

@media screen and (min-width: 1080px) {
  * {
    font-size: revert;
  }
}

@media print {
  * {
    background: #fff;
    color: #000;
  }

  address, nav {
    display: none;
  }
}