:root {
 --page-bg-color: #e0e0e0;
 --page-text-color: #1b0035;
 --title-color: #705b8d;
 --title-shadow-color: #705b8d;
 --title-bg-color: #ffffff;
 --boxhdr-shadow-color: #ffffff;
 --content-bg-color: #ffffff;
 --content-border-color: #ffffff;
 --aside-title-color: #ffffff;
 --aside-border-color: #ffffff;
 --aside-background-color: #ffffff;
 --link-color: #705b8d;
 --link-visited-color: #c8c8c8;
 --nav-button-bg-color: #705b8d;
 --nav-button-text-color: #ffffff;
 --accent-color: #705b8d;
 --content-width: 80em;
 --main-flex-basis: 90%;
 --col-flex-basis: 0%;
 --hr-width: 2px;
 --hr-color: #c8c8c8;
 --hr-style: solid;
 --body-font: Verdana;
 --header-font: Verdana;
 --body-line-height: 1.2;
 --body-font-size: 1rem;
 --header-font-size: 1.5rem;
 --title-font-size: 2rem;
 --nav-separator: " ";
 --noscroll-topbottom: 0vh;
 --noscroll-height: 100%;
 --bg-image: none;
 --bg-image-repeat: repeat;
 --bg-image-size: auto;
 --bg-image-position: 0 0;
 --bg-image-scroll: scroll;
 --content-border-style: solid;
 --content-border-radius: 7px;
 --content-border-width: 1px;
 --aside-border-style: none;
 --aside-border-radius: 0px;
 --aside-border-width: 1px;
 --block-border-style: none;
 --block-border-radius: 0px;
 --block-border-width: 1px;
 --block-margin-bottom: 0px;
 --col-header-margin: 0.65em;
 --title-shadow-x: 0.2em;
 --title-shadow-y: 0.2em;
 --title-shadow-blur: 0.2em;
 --boxhdr-shadow-x: 0.2em;
 --boxhdr-shadow-y: 0.2em;
 --boxhdr-shadow-blur: 0.2em;
 --boxhdr-shadow-spread: 0;
 --boxhdr-radius: 0;
 --boxhdr-shadow-rotate: 0;
 }

body {
 background-color: #e0e0e0;
 color: #1b0035;
 font-family: Verdana;
 line-height: 1.2;
 font-size: 1rem;
 background-image: none;
 background-repeat: repeat;
 background-size: auto;
 background-position: 0 0;
 background-attachment: scroll;
 }

h1, h2, h3, h4, h5, h6 {
 font-family: Verdana;
 background-color: #ffffff;
 color: #705b8d;
 position: relative;
 z-index: 1;
 }

h2, h3, h4, h5, h6 {
 font-size: 1.5rem;
 }

aside h2::before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 1px;
 left: 1px;
 width: 100%;
 height: 100%;
 border-radius: 0;
 }

h1 {
 text-align: center;
 font-size: 2rem;
 }

a {
 color: #705b8d;
 }

a:visited {
 color: #c8c8c8;
 }

header {
 text-align: center;
 padding-bottom: 0.5em;
 }

main {
 background-color: #ffffff;
 border-color: #ffffff;
 border-width: 1px;
 border-radius: 7px;
 }

section {
 background-color: #ffffff;
 margin-bottom: 1em;
 padding: 0.5em;
 overflow: auto;
 border-color: #ffffff;
 border-width: 1px;
 border-radius: 7px;
 }

section img {
 max-width: 200px;
 float: left;
 display: block;
 margin-right: 1em;
 }

.dropCap p:first-of-type::first-letter {
 font-size: 3em;
 font-weight: bold;
 float: left;
 margin-right: 0.3em;
 padding: 0.3em;
 border: 1px solid #ffffff;
 background-color: #705b8d;
 color: #ffffff;
 text-transform: uppercase;
 }

#topmenu {
 text-align: center;
 position: static;
 background-color: #e0e0e0;
 z-index: 10;
 padding: 0.5em;
 top: 0px;
 left: 0px;
 right: 0px;
 margin-left: auto;
 margin-right: auto;
 }

#topmenu ul {
 padding: 0px;
 margin: 0px;
 }

#topmenu ul li {
 list-style-type: none;
 display: inline;
 padding: 0.5em;
 background-color: #705b8d;
 color: #ffffff;
 border-radius: 0px;
 }

#topmenu li a {
 text-decoration: none;
 color: #ffffff;
 padding: 0.5em;
 }

#topmenu ul li:first-child::before {
 content: "";
 }

div.flex_container {
 display: flex;
 flex-flow: wrap;
 margin-left: auto;
 margin-right: auto;
 height: 100%;
 }

.flex_container main {
 order: 2;
 flex-grow: 5;
 flex-basis: 100%;
 padding: 150px;
 min-width: 15em;
 }

.flex_container #sidebar1 {
 order: 1;
 flex-grow: 1;
 flex-basis: 0%;
 }

.flex_container #sidebar2 {
 order: 3;
 flex-grow: 1;
 flex-basis: 0%;
 }

div.sidebarBlock {
 padding: 50px;
 background-color: #ffffff;
 border-color: #ffffff;
 border-width: 1px;
 border-radius: 0px;
 margin-bottom: 0px;
 }

.sidebarBlock h2 {
 color: #ffffff;
 margin-top: 2em;
 margin-bottom: 2em;
 }

@media screen and (max-width: 35em) {

  main {
 order: 1;
 }
}

#noscroll-body {
 margin: 10vh;
 height: 100%;
 padding: 5em;
 display: grid;
 grid-template-rows: min-content min-content 1fr min-content;
 border-color: #ffffff;
 border-width: 1px;
 border-radius: 7px;
 max-width: 100em;
 }

#noscroll-body .flex_container {
 height: 100%;
 overflow: hidden;
 }

#noscroll-body main, #noscroll-body aside {
 padding: 5px;
 height: 100%;
 overflow: auto;
 }

hr {
 border-top-width: 2px;
 border-color: #c8c8c8;
 border-style: solid;
 }

footer {
 text-align: center;
 }