:root{
    --bg-colour: black;
    --project-hover-text: white;
    --project-line-style: var(--project-hover-text) solid 1px;
}

/* navigation */

/* nav{
    background-color: var(--bg-colour);
} */

.text-is-selected{
    color: var(--project-selected-text);
}

nav hr{
    border-top: var(--project-hover-text) solid 1px;
}

/* misc */

.hero{
    background-color: var(--bg-colour);
    color: var(--font-colour-text-very-light);
}


.image-container{
    border-left: var(--project-selected-text) solid 1px;
    border-top: var(--project-selected-text) solid 1px;
}

a .image-container{
    border-left: none;
    border-top: none;
}

.hero .image-container{
    border-left: none;
    border-top: none;
}

.image-section .content-col-position{
    border: none;
}




/* actions */

button:hover {
    /* background-color: var(--button-hover);
    color: var(--button-hover-font-col); */
    /* border: var(--project-hover-text) solid 1px; */
    cursor: pointer;
}

.font-sub .text-link:hover,
.hero .text-link:hover,
.alert .text-link:hover
{
    color: var(--project-hover-text);
}

/* nav > .text-link:hover{
    color: var(--font-colour-text-very-light);
} */

nav .text-is-selected:hover{
    color:var(--project-selected-text);
}