@import "https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css";

:root {
    --bulma-primary-h: 204deg;
    --bulma-primary-s: 90%;
    --bulma-primary-l: 31%;
}

.logo {
    color: var(--bulma-primary);
}

.headshot {
    max-width: 250px;
}

.headshot img {
    border-radius: 10px;
}


/* Like .is-primary with .is-light/.is-dark applied based on theme. */
.button.is-primary-themed {
    --bulma-button-background-l: var(--bulma-light-l);
    --bulma-button-color-l: var(--bulma-primary-light-invert-l);
}

@media (prefers-color-scheme: dark) {
    .icon {
        filter: invert();
    }

    .button.is-primary-themed {
        --bulma-button-background-l: var(--bulma-dark-l);
        --bulma-button-color-l: var(--bulma-primary-dark-invert-l);
    }
}