@font-face {
    font-family: 'Graduate';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/graduate-d7d9809b.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/roboto-5b6e245f.woff2") format('woff2');
}

body {
    font-size: 16px;
    font-family: 'Roboto';
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'Graduate';
}

h1, h2 {
    a.button {
        margin-left: 0.5em;
    }
}

h1 {
    font-size: clamp(2rem, 2.5vw, 2rem);
    large {
        font-size: clamp(2rem, 2.5vw, 3rem);
    }
}

hr {
    border: none;
    display: block;
    height: 1px;
}

[aria-description="logo"] {
    font-family: 'Graduate';
    span {
        font-weight: bold;
        margin-right: 0.25em;
    }
}