:root {

    --color_1:#397367;
    --color_2:#63CCCA;


    --header_bg:#42858C;

    --navigation_bg:#47a3a1;
    --navigation_bg:#173839;

    --page_content_bg:#35393C;
    --page_content_container:#DAE1E6;

    --body_bg:#35393C;
    --text:#1d2733;

    --navigation_link:#B8DDB0;


    --navigation_strip_height:10vh;
    --bar_height:15vh;
    --combined:25vh;
}
body {
    color:#072D5A;
    background-color:var(--body_bg);
    width:100%;
}
#page_content {
    min-width:80%;
    max-width:100%;
    
    background-color:var(--page_content_bg);
    height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
}

#top_space {
    background-color:var(--header_bg);
    top:0;
    height:var(--bar_height);
    position:absolute;
    width:100%;
}

#navigation_strip {
    color:var(--navigation_link);
    background-color:var(--navigation_bg);
    top:15%;
    height:var(--navigation_strip_height);
    position:absolute;
    width:100%;
    vertical-align:middle;
    white-space: nowrap;

}
#navigation_strip a {
    color:var(--navigation_link);
    display:inline-block;
    width:fit-content;
    padding:20px;
    height:200%;
    font-size:2.5vw;
    margin-left:1.75vw;
    margin-right:1.75vw;

    text-decoration:underline;
}
#navigation_strip a:hover {
    text-decoration:none;
}
#navigation_buttons {
    margin:auto;
    width:fit-content;
    vertical-align:middle;

    position:absolute;
    top:50%;
    transform:translate(0,-50%);

    
    
}

#time_and_date {
    text-align:right;
    align-items:center;
    display:flex;
    flex-direction:row-reverse;
    float:right;
    width:fit-content;
    max-width:25vw;
    padding-left:0.5vw;
    padding-right:0.5vw;
    height:var(--navigation_strip_height);
}
#timendatestr {
    height:fit-content;
    font-size:1.3vw;

    width:100%;

}


#content_body_columns {
    width:100%;
    position:absolute;
    
    top:var(--combined);
    overflow-y:scroll;
    padding-top:1vw;
    
    bottom:0;

    
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.content_blob {
    background-color:var(--page_content_container);
    padding:0.5vw;
    display:block;


    
    margin-left:1vw;
    margin-right:1vw;
    margin-bottom:0.5vh;
    border-style:solid;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    
}