*,
    ::before,
    ::after {
      box-sizing: border-box;
    }

    /*
    * + * {
      margin: 0;
    }
    */

    * {
      margin: 0;
    }

    @font-face {
      font-family: "IBM Plex Mono";
      src: url("/fonts/IBMPlexMono-Medium.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: "IBM Plex Mono";
      src: url("/fonts/IBMPlexMono-SemiBold.woff2") format("woff2");
      font-weight: bold;
      font-style: normal;
    }

    @font-face {
      font-family: "IBM Plex Mono";
      src: url("/fonts/IBMPlexMono-MediumItalic.woff2") format("woff2");
      font-weight: normal;
      font-style: italic;
    }

    @font-face {
      font-family: "IBM Plex Mono";
      src: url("/fonts/IBMPlexMono-SemiBoldItalic.woff2") format("woff2");
      font-weight: bold;
      font-style: italic;
    }

    body {
      font-family: "IBM Plex Mono";
      font-size: 14px;
      line-height: 1.5;
      color: #f0f0f0;
      background-image: url('img/bg.gif');
      /* background-color: #1a1a1a; */
      max-width: 600px;
      margin: 0 auto;
      padding: 4px 12px;
    }

    a {
      color: #00c0c0;
      /* color: #00c0c0; */
      /* font-weight: bold; */
    }

    h1 {
      font-weight: 600;
      font-size: 20px;
    }

    h2 {
      font-weight: 600;
      font-size: 18px;
    }

    h3 {
      font-weight: 600;
      font-size: 16px;
    }

    h4 {
      font-weight: 600;
      font-size: 14px;
    }

    h1 + h1 {
      margin-top: 0;
    }

    h2 + h2 {
      margin-top: 0;
    }

    h3 + h3 {
      margin-top: 0;
    }

    h4 + h4 {
      margin-top: 0;
    }

    h2 + h3 {
      margin-top: 16px;
    }

    header, article {
      background-color: #1a1a1a;
      border-radius: 16px;
      padding: 16px 16px;
    }

    section, footer {
      padding: 8px 28px;
    }

    p {
      /* display: block; */
      /* background-color: #1a1a1a; */
      margin: 12px;
    }

    hr {
      border: 2px #1a1a1a;
      margin: 16px 0;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    .cameo {
      -webkit-border-radius: 32px;
       -khtml-border-radius: 32px;
         -moz-border-radius: 32px;
              border-radius: 32px;
    }

    ul {
      margin-top: 16px;
    }