/* sidebar menu */
#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

#sidebar li {
  display: block;
  width: 100px;
  background: #990033;
  padding-bottom: 5px;
}

#sidebar a {
	padding: 0 1em;
	text-decoration: none;
	color: white;
}

#sidebar a:hover {
	background: #fc0;
	color: #990033;
}

#sidebar #selected a {
	padding-right: 2px;
	font-weight: bold;
	color: black;
	background: #fc0;
}


 /* misc */
 
 header{
   text-align: center;
   border-style: dashed;
   padding: 1em;
   color: white;
   background: #990033;
 }
 
header h1{
   color: white;
}
 
 #subheader {
   text-align: center;
   color: white;
 }
 
 body {
  font: small arial, helvetica, sans-serif;
  background-image: url("https://muninnumber.neocities.org/crow.png");;
}

h1 {
	font-size: 2em;
	color: #990033;
}


#navigation {
    float: left;
    width: 200px;
}


footer {
    position: fixed;
    bottom: 0;
    clear: both;
}

 #flex{ 
  display: flex; 
} 

aside {
  width: 220px;
  padding: 10px;
}

main {
  flex: 1;
  order: 2;
}

 /* content classes */
 
 .content {
  /*background-image: url("https://i.pinimg.com/736x/8a/fa/e3/8afae3b6d121bce417c5e3e28d832667.jpg");*/
  /*background-size: 35%;*/
  /*border: dashed black;*/
  background: #990033;
  padding: 5px;
  margin: 5px;
	text-align: left;
}

.content p {
	margin: 0;
	padding: 1em;
	background: white;
	color: black;
}

.content ul {
	margin: 0;
	padding: 1em;
	background: white;
	color: black;
}

.content h1 {
	margin: 0;
	padding: 1em;
	background: #990033;
	color: black;
}

/*misc classes*/
.wrapper {
  width: 900px;
  height: auto;
  padding: 5px;
  background-color: transparent;
  border-radius: 10px;
  margin: 0 auto;
}

.box {
  border: black dashed;
  color: #990033;
  margin: 5px;
  padding: 5px;
  /*background-image: url("https://media.istockphoto.com/id/932132812/vector/vector-gingham-striped-checkered-blanket-tablecloth-seamless-white-blue-table-cloth-napkin.jpg?s=612x612&w=0&k=20&c=ySsCuFpC3IqOEk72W1RcoV_GffFBPjWff8b-xX1hMpQ=");*/
  /*background-size: 50%;*/
}

.left {
  order: 1;
}

.right {
  order: 3;
}

.mainheader {
  height: flex;
  max-height: 650px;
  background-image: url('/images/header.png');
  background-size: 100%;
  background-position: center;
  border: dashed black;
  position: relative;
  image-rendering: auto;
}

.scroll {
  overflow: scroll;
  scrollbar-width: none;
}