/*******************************************/
/* 1) MAIN LAYOUT & CONTAINER              */
/*******************************************/

.container-fluid {
    /*height: calc(100vh - 100px);*/ /* Adjust based on header/footer */
}

/*This was added because it was in the documentation of paperjs to make it reactive, it broke the built in shared footer, has been replaced by code below. */
/*html,
body {
    height: 100%;
}*/

/*:root {
    --amount-color-themes: 4;
    --color-theme-index: 1;
    --colors: red, blue, green, purple;*/ /* color array */
/*}*/

body {
    height: 100%;
    margin-bottom: 60px;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    /*background: linear-gradient(var(--colors)) no-repeat 0 calc(var(--color-theme-index) * 100% / (var(--amount-color-themes) - 1)) / 100% calc(1px * infinity);*/
}

/* Scale canvas with resize attribute to full size */
canvas[resize] {
    width: 100%;
    height: 100%;
}