.Billboard {
    --gap-base: 30px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-base);
    padding: 0 var(--gap-base);

    .logo {
        width: min(100px, 100%);
        aspect-ratio: 1;
        background-color: var(--color-primary);
        mask-image: url("../logos/hdrjpg_logo-95e2a532f23f2503324b31c7d11883ce.svg");
        mask-size: contain;
        mask-repeat: no-repeat;
    }

    h1 {
        position: relative;
        font-size: 50pt;
        font-weight: 700;
        line-height: 1em;
        letter-spacing: -2px;
    }

    h2 {
        font-size: 27pt;
    }

    h1, h2 {
        color: var(--color-primary);
        margin: 0;

        text-align: center;
	    text-wrap: balance;

        b {
            color: var(--color-accent);
            font-weight: inherit;
        }
    }

    h1,
    h2,
    div {
        max-width: 900px;
    }

    &.fullScreen {
        min-height: 100vh;
    }

    &:not(.fullScreen) {

    }
}