:root {
    --background-color--background-primary: var(--base-color-brand--black);
    --base-color-brand--black: #060311;
    --text-color--text-primary: #c9ccd2;
}

@media all and (max-width: 576px) {
    :root {
        --font-size-title: 46pt !important;
        --font-size-title-smaller: 24pt !important;
        --font-size-main: 14pt !important;

        --line-height-title: 0.8 !important;
        --line-height-title-smaller: 0.3 !important;
    }

    #ba-title {
        font-weight: 100;
    }
}

@media all and (min-width: 576px) {
    :root {
        --font-size-title: 66pt !important;
        --font-size-title-smaller: 40pt !important;
        --font-size-main: 16pt !important;


        --line-height-title: 0.75 !important;
        --line-height-title-smaller: 14pt !important;
    }

    #ba-title {
        font-weight: 200 !important;
    }
}

* {
    color: var(--text-color--text-primary) !important;
    background-color: transparent;
}

body {
    background-color: var(--background-color--background-primary) !important;
    background-image: url('/img/top-gradient.svg');
    background-repeat: no-repeat;
    background-position: top;
    font-family: "Work Sans", sans-serif;
    font-style: normal;
}

p {
    padding: 5pt 0 5pt 0;
}

#ba-title {
    font-size: var(--font-size-title);
    line-height: var(--line-height-title);
}
#ba-title small {
    font-size: var(--font-size-title-smaller);
    line-height: var(--line-height-title-smaller);
}

.ba-text-p {
    font-size: var(--font-size-main);
}