body{
	margin:auto;
	text-align:center;
	font-size:20px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /*https://www.cssfontstack.com/Arial*/
	background-color: #d6d6d6;
}
#signOut{
    position: absolute;
    right: 5%;
	top:2%
}
.menu{
	border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width:200px;
	height:50px;
	padding-top:20px;
	text-align:center;
	position: absolute;
	right: 35%;
	top:15%;
	background-color:#ffffff;
	transition:0.2s;
	border-radius: 12px;
}
.menu:hover /*franklin guided me to this technique*/{
  background-color: gray;
}
#left{
	position:absolute;
	left: 35%;
}
div{
	
	border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width:55%;
	margin:auto;
	background-color:#ffffff;
}
#user{
	background-color:#ffffff;
	width:10%;
	margin:auto;
	border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
} 
#history{
	position:absolute;
	top:30%;
	left:22.5%;
	width: 55%;
	margin-bottom: 7%;
	padding-bottom:2%
	
}
mark{
	font-weight:bold;
	font-family: "Comic Sans MS", Times, serif;
}
.spacer{
	margin-bottom: 13%;
}
#title{
	background-color: #d9e7fc;
}
.header{
	font:#424040;
}
#miniSpacer{
	margin-bottom: 2%;
}

a{
	color:#000000;
}