@font-face {
    font-family: 'NotaHasklig';
    src: url('Hasklig-Regular.woff2') format('woff2'),
         url('Hasklig-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotaMenlo';
    src: url('menlo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    margin:             0;
    font-size:          16px;
    line-height:        1.2;
    padding-top:        2rem;
    padding-bottom:     4rem;
}

body, monodraw {
    font-family:   Menlo, "NotaMenlo", "NotaHasklig";
}

@media (max-width: 680pt) {
    body {
        font-size:      calc( 100vw / 56 );
    }
}

monodraw {
    margin:         auto;
    max-width:      fit-content;
    min-width:      fit-content;
    width:          fit-content;
    white-space:    pre;
    display:        block;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color:       black;
        color:                  white;
    }
}

a {
    text-decoration: underline;
    color: inherit;
}