:root {
    --bulma-link: #333;
    --bulma-hero-h: var(--bulma-link);
}

/* hide Alpine-controlled elements until Alpine has initialised */
[x-cloak] {
    display: none !important;
}

/* like has-background-light, but follows the dark mode */
.page-header {
    background-color: var(--bulma-background);
}

.hero {
    background-color: var(--bulma-link) !important;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

.project-card {
    margin: 10px 0;
}