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

.site-content
{
    flex: 1 0 auto;
}

.footer
{
    flex-shrink: 0;
}

/*
 Set bulma variables
 */
.title
{
    /* Reduce weight from extra bold to bold */
    --bulma-title-weight: var(--bulma-weight-bold);
}

.footer
{
    /* Reduce padding to smaller value */
    --bulma-footer-padding: 1.5rem;
}

.footer .navbar.is-transparent
{
    /* Make buttons have the same colour as the footer */
    --bulma-navbar-background-color: transparent;
}