@media (max-width: 767px) {

    body {
        margin: 2em !important;
    }

  }

  body {
    margin: 2em;
    font: 16px -apple-system, sans-serif;
    line-height: 1.333em;
  }

  header {
    text-align: left;
    margin-top: 5em;
  }

  footer {
    margin-top: 10em;
    font: 13px -apple-system, sans-serif;
  }

  footer a {
    font: 13px -apple-system, sans-serif;
  }

  .apps {
    margin-top: 5em;
  }

  .app {
    margin-top: 3em;
  }

  .app p {
    margin-top: -0.8em;
    margin-bottom: 0.4em;
  }

  a {
    font: 15px -apple-system, sans-serif;
    color: darkorange;
  }

  .app p pre {
    margin-top: -0.8em;
    margin-bottom: 0.4em;
  }

  pre {
    font: 14px -apple-system, sans-serif;
    line-height: 1.333em;
    overflow: auto;
    white-space: pre-wrap;
  }