/* Nav should already be loaded, but this bumps it's priority
   as main.css should be the last thing loaded */
@import "nav.css";

:root {
    --blur: blur(48px) saturate(0.9);
    scroll-behavior: smooth;
    text-decoration-skip-ink: all;
    text-rendering: geometricPrecision;
    font-variant-ligatures: common-ligatures discretionary-ligatures contextual;

    transition-property: color, background-color, border-color, backdrop-filter;
    transition-duration: 0.25s;
    transition-timing-function: linear;
}

body.has-navbar-fixed-top:has(#landing-greeting) {
    padding-top: 0;
}

.top-sec {
    padding-top: calc(var(--bulma-navbar-height) + var(--navbar-offset));
}

#landing-greeting {
    padding-bottom: 0;
}

#landing-greeting div:has(#headshot){
    padding-bottom: 0;
}

#landing-greeting div{
    height: calc(100%);
}

@media (prefers-color-scheme: light) {
    .has-background-s0 {
        background-color: var(--bulma-white);
    }

    .has-background-s1 {
        background-color: var(--bulma-white-bis);
    }

    .has-background-s2 {
        background-color: var(--bulma-white-ter);
    }
}


@media (prefers-color-scheme: dark) {
    .has-background-s0 {
        background-color: var(--bulma-black);
    }

    .has-background-s1 {
        background-color: var(--bulma-black-bis);
    }

    .has-background-s2 {
        background-color: var(--bulma-black-ter);
    }
}


/* Desktop Settings */
@media screen and (min-width: 1024px) {
    #landing-greeting{
        padding-top: calc(var(--bulma-navbar-height) + var(--navbar-offset) + 48px);
        height: 600px;
    }
}

/* Mobile/Tablet Settings */
@media screen and (max-width: 1024px) {

}

.box.is-transparent {
    background: transparent;
}

.use-close-lists ul {
    margin-top: 0.6rem !important;
    margin-left: 1rem;
}

.use-close-lists div > p.title {
    margin-bottom: 0;
}

.column.has-text-right ul {
    direction: rtl;
}

.use-close-lists .column.has-text-right ul {
    margin-right: 1rem;
}