:root {
    --primary: #004700;
    --bulma-primary: #004700;
    --bulma-primary-h: 120deg;
    --bulma-primary-s: 100%;
    --bulma-primary-l: 21%;

    --theme-dark-bg-color:    #000000;
    --theme-dark-fg-color:    #ffffff;
    --theme-primary-bg-color: #004700;
    --theme-primary-fg-color: #ffffff;
    --theme-secondary-bg-color: #123712;
    --theme-secondary-fg-color: #ffffff;
    --primary-button-bg-color: var(--theme-primary-bg-color);
    --primary-button-fg-color: var(--theme-primary-fg-color);
    --secondary-button-bg-color: var(--theme-secondary-bg-color);
    --secondary-button-fg-color: var(--theme-secondary-fg-color);
}

html {
    background: var(--theme-dark-bg-color) url("/assets/background-beaver.jpg") no-repeat;
    background-position: center bottom;
    background-size: 200%;
}

@media screen and (min-width: 768px) {
    html {
        background-size: cover;
    }
}

body {
    position: relative;
    min-height: 100vh;
    background: linear-gradient(to bottom,
    black 0%,
    rgba(0,0,0,0.9) 25%,
    rgba(0,0,0,0.8) 50%,
    rgba(0,0,0,0.5) 75%,
    transparent 100%
    );
    padding-bottom: 3em;
}

a {
    color: #039800;
}
.button.is-primary {
    background: var(--primary-button-bg-color);
    color: var(--primary-button-fg-color);
    padding-left: 2em;
    padding-right: 2em;
}

.button.is-primary.is-light {
    background: var(--secondary-button-bg-color);
    color: var(--secondary-button-fg-color);
    padding-left: 2em;
    padding-right: 2em;
}

.navbar-burger {
    color: #006900;
}

.navbar-item,
.navbar-link {
    color: var(--theme-dark-fg-color);
}

.navbar.is-black {
    box-shadow: rgba(3, 152, 0, 0.3) 0 8px 16px -2px, rgba(3, 152, 0, 0.05) 0 0 0 1px;
    padding: 0.25em;
}

.tabs.is-toggle li.is-active a {
    background-color: rgb(46, 51, 61);
    border-color: rgb(46, 51, 61);
}

fieldset > h2 {
    padding-bottom: 0.5em;
    border-bottom: 1px solid var(--theme-dark-fg-color);
}

.logos {
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    text-align: center;
    padding-bottom: 0.5em;
}

.logos img {
    height: 24px;
    margin-right: 0.5em;
}