/*Main Window*/
/*THESE ARE NOT NESTED; ONLY TO SHOW HOW THESE ELEMENTS ARE ARRANGED IN THE HTML FILE.*/
html {margin: 0; height: 100%;}
  body {line-height: 1.15; background-size: cover;  background-repeat: no-repeat;  background-attachment: fixed; background-position: center;  background-color: #a5a5a5; display: flex; position: relative; z-index: 0; margin: 0;  flex-direction: column; overflow: hidden; justify-self: auto; height: 100%;}
  #header {max-width: 100%; height: 4dvh; padding: 1px; padding-right: 5px; padding-left: 5px; background-color: #b20d0d; display: flex; z-index: 0; flex-flow: row nowrap; justify-content: space-around; justify-items: center; align-items: center;}
  #mainWindow {height: 100%; width: 100%; display: flex; flex-flow: row nowrap; overflow-y: hidden; overflow-x: hidden; overflow-wrap: break-word; margin: 0;}
    #marginL {display: flex; z-index: 0; flex-flow: column; height: inherit; width: 13dvi; min-width: 13dvi; max-height: 92dvh; align-self: flex-start;}
      #sidebar {height: fit-content; margin-bottom: 1dvi; background-color: #1e1e1e; display: flex; flex-flow: column nowrap; overflow-x: hidden; overflow-y: visible;}
      #sidebar ~ button {width: 100%; min-height: 25px; margin: 5px; background-color: #400; transition-duration: 50ms; transition-timing-function: ease-in-out; color: #fff; font-size: 1dvi;}
    #content {max-height: 92dvh; min-height: inherit; width: inherit; height: inherit; position: relative; display: flex; z-index: 0; flex-flow: column; align-self: center; z-index: 0; background-color: #ffffffa5; place-items: stretch; overflow-y: scroll; overflow-x: hidden; overflow-wrap: break-word; margin: 0;}
    #marginR {display: flex; z-index: 0; flex-flow: column; height: inherit; width: 13dvi; min-width: 13dvi; max-height: 92dvh; align-self: flex-end;}
  #footer {width: 100dvi; height: 4dvh; padding-left: 5px; background-color: #1e1e1e; display: flex; z-index: 0; flex-flow: row nowrap; justify-content: space-around; justify-items: center; align-items: center;}    
/*END*/

::-webkit-scrollbar {
  width: 5px;
}