html {
	line-height: 1.9;
	overflow-x: visible;
	height: 100%;
	background: DarkGrey;
}

ul{
	width: auto;
	right: 0;
	background: pink;
	opacity: 0.75;
	font-family: Jokerman, sans-serif;
	font-style: bold;
}

p {
	font-family: 'Jokerman';
	font-style: bold, italic;
	color:navy;
	text-shadow: 5px 5px lightblue;
	background: cyan;
}

body {
	padding-left: 250px;
	color: DarkSlateGrey;
}

header {
	font-family: 'Press Start 2P', cursive;
	font-size: 2.4em;
	font-style: bold;
}

h1 {
	font-family: impact, sans-serif;
	font-weight: 100;
	padding-left: 15;
}

h2{
	color:black;
	font-size: 1.2em;
	padding-left: 20;
}

h3 {
	font-size: 1em;
  	font-family: Jokerman, sans-serif;
	color:navy;
	font-style: italic;
	text-shadow: 2px 2px lightgray;
	padding-left: 25;
}

label, .label_answer {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	margin-left:25px;
	padding:2px;
}

.label_answer {
	background-color:palegoldenrod;
	/*	margin-left:25px;	*/
}

input {
	margin-left:25px;
}

.site-header {
	padding-left: 4.2rem;
	margin: 0;
	max-width: none;
	background: cyan
}

/*basic button*/
.button {
  font: bold 15px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

/* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: auto; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 70px;
  padding-right: 20px;
}

/* The navigation menu links */
.sidenav a, summary {
  font-family: Jokerman, sans-serif;
  padding: 6px 8px 6px 16px;
  font-size: 25px;
  color: #818181;
	background-color: #111;
}
.sidenav a {
	display:block;
}

/* A border around an element */
.thing_row p {
	width: 50%;
	display: inline-flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	border: 1px solid black;
	flex-basis: content;
  }