@media screen and (max-width:480px){
      body{font-size:1.1em;padding:.2em .4em}
    }
    @media screen and (min-width:481px) and (max-width:680px){
      body{font-size:1.2em;padding:.4em .6em}
    }
    html {margin:0;padding:0}
    body {
      background:#191531;
      margin:0 auto;
      padding:.5em 1em;
      min-width:280px;
      max-width:800px;
      line-height:1.6em;
      font-family:monospace;
      font-size:1.6em;
      color:#fce
    }
    h1 {
      font-size:60px;
      padding:0 0 .35em!important;
    }
    h1,h2,h3,h4,h5,h6 {
      padding:0 0 .8em;
      color:#f43445;
      font-weight:bold;
      line-height:1.2em;
      border-bottom:1px solid
    }
    hr {color:#f43445}
    footer{
      padding:1em;
      text-align:center;
      border-top:1px solid #f43445
    }
    a{color:#f43445}