/* Simple CSS to fill out */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght,MONO@0,300..800,1;1,300..800,1&display=swap');

html, body, code {
    font-family: "Google Sans Code", monospace;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "MONO" 1;
}

article {
    margin: auto;
    max-width: 600px;
}

code {
    padding: 0 2px;
    background: rgba(0, 0, 0, .05);
}

a[href^="#"] {
    color: #e53e3e;
    font-weight: 600;
    text-decoration: underline dashed;
}

a[href^="#"]:hover {
    color: #c53030;
}

ul {
    padding-left: 16px;
}

p.author {
    color: rgba(0, 0, 0, .4);
}

figure {
    margin: 16px 0;
}
figcaption {
    color: rgba(0, 0, 0, .6);
}

img, video {
    max-width: 100%;
}