body {
	background-color: #453c4e;
	color: #aab3b0;
    padding: 0px;
    margin: 0px;
}
h1 {
	font-family: sans-serif;
	font-size: 28pt;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-family: serif;
	font-size: 20pt;
}
h3 {
	font-family: sans-serif;
	font-size: 14pt;
}
p {
	font-family: sans-serif;
	font-size: 12pt;
}

a:link {
	color: inherit;
	text-decoration: inherit;
}

a:hover {
	color: inherit;
	text-decoration: inherit;
	text-shadow: 0px 0px 3px #f8ecb6;
}

a:visited {
	color: inherit;
	text-decoration: inherit;
}

a.current{
    text-decoration-line: underline;
    text-shadow: 0px 0px 3px #f8ecb6;
}

ul {
  display: block;
  list-style-type: circle;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 40px;
}
li {
    font-family: sans-serif;
    font-size: 12pt;
}
header {
	padding: 0.2em;
	margin: 0.5em;
	text-align: center;
}
footer {
	padding: 0.2em;
	margin: 0.5em;
	text-align: center;
}
nav {
	background-color: #332b3b;
	color: #485d73;
	height: auto;
	padding: 5px 5px;
    padding-right: 2em;
	margin: 0px;
    text-align: right;
}
main{
	padding:1em;
}
div.body{
	padding:1em;
}

div.main-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 10px;
}
div.main{
    flex-grow: 4;
    flex-shrink: 4;
    flex-basis: 60%;
    min-width: 300px;
    max-width: 1200px;
    padding: 0.5em 1em; 
}
div.sidebar{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 10%;
    min-width: 200px;
    max-width: 400px;
    border: 3px solid;
    border-color: #332b3b;
    background-color: #574c61;
    padding: 0.5em;
}
/*div.heading {
	padding: 0.1vh 0.1vw;
	margin: 0.5vh 0.5vw;
}
div.outer-grid-container{
	display: grid;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	grid-template-columns: auto auto auto;
}
@media screen and (max-width: 1250px){
	div.grid-container{
		grid-template-columns: auto;
	}
}
div.outer-grid-item{
	min-width: 100px;
	padding: 5px;
	border-style: solid;
}*/