@import url('https://fonts.googleapis.com/css2?family=cInter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --cpd-color-text-primary: #1b1d22;
    --cpd-color-gray-300: #f0f2f5;
}

body {
    color: var(--cpd-color-text-primary);
    margin: 4em 6em;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}

h1 {
    font-size: 3em;
}

body > ul {
    list-style: none;
    font-size: 1.5em;
    line-height: 2em;
}

/* Implementation of https://compound.element.io/?path=/docs/compound-web_link */
a {
    color: var(--cpd-color-text-primary);
    font-weight: 500;
    text-decoration: underline;
    padding-inline: .25rem;
}

a:hover {
    background: var(--cpd-color-gray-300);
    border-radius: 999px;
}