:root {
    --theme-dark-main: #173064;
    --theme-dark-tint: #12244d;
    --theme-light-main: #f1bd48;
    --theme-white: #ffffff;
    --theme-white-tint: #e7e7e7;
    --shadow-color: #000000;
    --font-color: black;

    --test-color: purple;

    --header-height: 160px;
    --header-ribbon-height: 45px;
    --footer-height: 50px;

    --main-font: 'Roboto', sans-serif;
    --button-font: 'Roboto', sans-serif;
    --dropdown-button-font: serif;

    --picture-button-margin: 7px;
    --picture-button-height: 250px;

    --sidebar-width: 400px;
    --sidebar-padding: 10px;
}

body {
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow:hidden;
}


/* ------------ */
/* MAIN CONTENT */
/* ------------ */
.main-flex {
    display: flex;

    /* Positioning */
    height: calc(100vh - var(--header-height));
    /* justify-content: center; */

    background-image: url("/static/images/wavylines.png");
    background-size: cover;
    background-repeat: repeat-y;
    

}

.main-content-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;

}
.main-content {
    display: flex;
    flex-direction: column;
    /* align-items: center; */

    background-color: #e7e7e7cb;
    padding-left: 150px;
    padding-right: 150px;

    border-left: 1px solid var(--theme-light-main);
    border-right: 1px solid var(--theme-light-main);

    /* Positioning */
    margin-right: 100px;
    min-height: calc(100vh - var(--header-height));;
    overflow-y: scroll;
}

.articulate-content {
    width: 100vw;
    height: 100vh;
}
.calendar {
    position: relative;
    min-height: 750px;
    height: 750px;
}

.footer {
    background-color: var(--theme-dark-main);

    /* Positioning */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--footer-height);
}