@font-face {
    font-family: "logo-font";
    src: url("/static/fonts/BespokeSerif-Bold.woff2");
}

.bottom-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;

    padding-top: var(--bottom-bar-padding-top);
    padding-bottom: var(--bottom-bar-padding-bottom);
    padding-left: var(--bottom-bar-padding-left);
    padding-right: var(--bottom-bar-padding-right);

    border-top: 1px solid var(--bottom-bar-border-color);

    .logo {
        font-size: var(--base-font-size);
        line-height: var(--base-font-size);

        font-family: "logo-font", serif;
    }
    .spacer {
        flex-grow: 1;
    }
    .legal-note {
        font-size: 0.8rem;
        line-height: var(--base-font-size);
        color: var(--subtitle-text-color);
    }
}