@import url(setup.css);
@import url(footnotes.css);
@import url(navbar.css);
:root {
    /* DEFAULT LIGHT SCHEME COLOURS  still WIP */ 
    --main-text-color: #1B2430;
    --outlink-color: #4169e1;
    --inlink-color: #006400;
    --purple: #800080;
    --grey: #878787;
    --table-color: #000000;
    --shadow-color: #999999;
    --transparent-shadow: rgb(29, 29, 29, 0.5);
    --very-transparent-shadow: rgb(200, 200, 200, 0.01);
    --title-color: white;
	--member-bg-color: rgb(177, 174, 160);
	--member-fg-color: rgb(121, 116, 120);
    --white: rgb(225,225,225);

    --padsize: 5rem;
}
@media screen and (prefers-color-scheme: dark) {
    :root {
      --member-bg-color: #1B2430;
      --outlink-color: #ff8080;
      --inlink-color: #7aff7a;
      --main-text-color: #FFFFFF;
      --purple: #ffd1ff ;
      --grey: #E7F6F2;
      --table-color: #F7EDDB;
      --title-color: #FFFFFF;
    }
  }
  
.base-body {
	background-color: var(--member-bg-color);
}


.container {
    max-width: none;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 0%;
}
#first-container {
    margin: auto;
    width: 100%;
    box-sizing: border-box;
    margin-top: var(--padsize);
    overflow: auto;
    max-height: calc(100%-5rem);
}
.flex-justified{
    display: flex;
	margin-left: 25%;
	margin-right: 25%;
    justify-self: center;
	justify-content: center;
    display: flex
}
#first-section{ 
	background-color: var(--member-fg-color);
	box-shadow: 0 0.125rem 0.25rem var(--transparent-shadow);
}
#FooterSpacer {
    min-height: 100vh;
    background-color: var(--very-transparent-shadow); 
    backdrop-filter: blur(0.1rem);
    flex-shrink: 0;
}
#FootFooter{
    background-color: var(--member-fg-color);
    justify-content: center;
}
.title {
	display: flex;
	justify-content: center;
}
.centered-text {
    text-align: center;
}