@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Regular.woff2') format('woff2'),
        url('fonts/Quicksand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin:40px auto;
    max-width:40em;
    line-height:1.2;
    background-color:#111;
    color:#eee;
    padding:0 10px;
    text-align:justify;
}
h1,h2,h3{
    line-height:1.2;
    font-family:Quicksand;
    font-weight:normal;
}
h1{
    font-size:3em;
    text-align:center;
}
h2{
    margin-top:4em;
}
h3{
}
.highlight{ color:#c6c6c6; }
.cp{ color:#0073ff; }
.k,.kt,.kr { color:#97c900; }
.mi,.cpf{ color:#916dff; }
.nl{ color:#d18800; }
.c1{ color:#888888; }
a{
    display:inline-block;
    color:#00b08a;
}