@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap'); /* font-family: 'Amatic SC', cursive; */
#wrapper {
	background-image: url("tactile_noise_@2X.png");
	width: auto;
	padding: 10px 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	letter-spacing: 3px;
}

#innerWrapper {
	width: 55%;
	margin: auto;
	background: rgba(59, 59, 59, 50%);
	padding: 15px 100px 999px 100px;
	color: white;
	font-family: 'Lato', sans-serif;
}

table, th, td {
	border: 1px solid black;
	background-color: white;
	padding: 4px;
	color: black;
}



header {
/*	border: solid black;*/
	color: white;
	margin: auto;
	width: 65%;
	text-align: center;
}

.listItem {
	margin: 5%;
	font-size: 36px;
}

.listItem a {
	color: white;
	margin: 15px 0;
}

.listItem h1 {
	font-size: 36px;
}

.portrait {
	position: relative;
	height: 250px;
	float: right;
	left: 100px;
	margin-top: 10px;
}

h1 {
	font-size: 46px;
	padding: 5px;
}

.cases {
	margin-top: 30px;
	color: white;
/*	border: solid white;*/
}

.caseHeader {
	font-size: 45px;
	padding: 5px;
	position: relative;
	margin-bottom: 3px;
}

h1, ul, a {
	font-family: 'Lato', sans-serif;
}
ul a {
	color: aqua;
	text-decoration: none;
	font-size: 24px;
	padding: 30px 0px;
}

li {
	list-style: inside;
	font-size: 27px;
	color: white;
}

#labs h1 {
	color: white;
	margin-top: 50px;
}

#labs ul {
	text-decoration: none;
}

#inClass {
	color: white;
	margin-top: 50px;
}