a{
	text-decoration: none;
}

body{
	min-height: 100vh;
	display: flex;
  	flex-direction: column;
  	flex-wrap: wrap;
	align-items: center;
  	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	background-color: lightgrey;
	color: white;
	margin: 0;
}



header {
	background-color: black;
	height: 4rem;
	width: 100%;
	margin-bottom: 3rem;
	box-shadow: 0 0 20px 10px rgba(0, 0, 0, .35);
	border-bottom: black 4px solid;
	border-top: black 4px solid;
}
header img{
	float: left;
	padding: 5px;
}
header div{
	float: left;
	font-size: 3rem;
	margin-left: 5rem;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
header a {
	float: right;
	color:white;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	font-size: 1.75rem;
	width: 10rem;
	height: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
}
header a.active {
	background: darkblue;
}
header a:hover {
	background: lightgrey;
	color: black;
}	



footer {
	padding-top: 1rem;
	background-color: black;
	width: 100%;
	margin-top: 3rem;
	box-shadow: 0 0 20px 10px rgba(0, 0, 0, .35);
}
#fLinks{
	float:left;
	padding-left: 3rem;
	color:grey;
}
#fLinks a{
	font-size: 1.5rem;
	color: grey;
	padding-right: 3rem;
}
#socials{
	float:right;
	padding-right: 3rem;
	display: flex;
	flex-direction: column;
}
#socials a,#socials div{
	color: lightgrey;
	font-size: 1.5rem;
  	text-align: center;
}
footer a:hover{
     font-weight: bold;
}



#stitle {
	font-size: 3rem;
	width: 100%;
	text-align: center;
}
#scontent {
	font-size: 1.75rem;
	padding: 2rem;
}



main {
	background-color: grey;
	box-shadow: 0 0 20px 10px rgba(0, 0, 0, .35);
	border-radius: 18px;
	width: 85%;
	flex-grow: 1;
}

.choiceLine button {
	border: none;
	color: white;
  	text-align: center;
  	text-decoration: none;
	font-size: 1.25rem;
	background-color: darkgrey;
	margin: 0.25rem;
	padding: 0.25rem 1.25rem;
}
.choiceLine button.active  {
	background-color: darkblue;
	color: white;
}
.choiceLine button:hover  {
	background-color: lightblue;
	color: black;
}

.choiceLine {
	border-bottom: 2px black solid;
}

main > div {
	padding: 1rem;
}

#filter-checks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#filter-checks label {
	margin: 0.25rem 1.25rem;
	width: 25rem;
}

#bargraph-topics, #bargraph-unis, #geograph {
	height: 90vh;
}