::selection {
    background: rgb(128 128 128);
    color: rgb(230 230 230)
  }
  
  body {

    font-family: 'PT Serif', serif;
    background-color: rgb(249 247 241);
    color: rgb(64 64 64);

    padding: 20px
  }
  
  blockquote {

    font: 1.8em 'Oswald', sans-serif;
    line-height: 1.2em;
    column-span: all;

    margin: 0 0 0 5px;
    padding: 10px;
  }
  
  h1 {

    font: 700 4em 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1em;

    padding: 0;
    margin: 0 0 32px;
  }
  
  h2,
  h3,
  h4,
  h5,
  h6 {

    font-family: 'PT Sans Narrow', sans-serif;
    text-transform: uppercase;
  }
  
  h2 {

    font-size: 3em;
    line-height: 1em;

    margin: 10px 0;
  }
  
  h3 {

    font-size: 2.4em;
    line-height: 0.8em;

    margin: 0;
    padding: 0 0 20px;
  }
  
  .koha {

    font: 700 1.6em 'PT Sans Narrow', sans-serif;
    text-align: center;
    text-transform: uppercase;

    border-top: 3px solid rgb(51 51 51);
    border-bottom: 3px solid rgb(51 51 51);

    padding: 12px 0;
    margin-bottom: 30px;
  }
  
  sup{
    font-size: 15px;
  }
  
  @media screen and (min-width: 600px) {
    article {

      columns: 3;
      column-gap: 40px;
      column-rule: 2px outset rgb(68 68 68);
  
      line-height: 1.5em;
      font-size: 1em;
    }
    article h3{

      break-before: column;
    }
    h1 {
  
      font-size: 8em;

      column-span: all;
    }
    .koha {
      column-span: all;
    }
    p {
  
      text-align: justify;
      text-justify: inter-word;
      hyphens: auto;
      hyphenate-character: "\u2605";
    }
  }
  ul{
   list-style: custom-items;
  }
  
  @counter-style custom-items {
    system: symbolic;
    symbols: "i";
    speak-as: numbers;
  }
  
  img{
    filter: grayscale(100%)
  }