@import url(https://rsms.me/inter/inter.css);

:root {
    background-color: #F8F7FF;
    color: rgb(23, 3, 21);

    font-family: Inter, sans-serif;
    /* fix for Chrome */
    font-feature-settings: 'liga' 1, 'calt' 1;
}

@supports (font-variation-settings: normal) {
    :root {
        font-family: InterVariable, sans-serif;
    }
}

html,
body {
    padding: 0;
    margin: 0;
}

header.site-header {
    background-color: #5720a5;
    color: #F8F7FF;
    padding: 0.5rem 1rem;

    a[href],
    a[href]:visited {
        color: #fab19a;

        &.active {
            pointer-events: none;
            color: white;
        }
    }

    nav.page-list {
        font-size: 16pt;

        &>ul {
            display: flex;
            list-style-type: none;
            gap: 1rem;
            padding: 0;

            &>li a {
                font-weight: 300;
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}

main {
    padding: 0.5rem 1rem;
}