@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=Bebas+Neue&display=swap'); /* font-family: 'Bebas Neue', cursive; */

#wrapper {
	background-image: url("../images/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;
}

#innerWrapper h3 {
	color: white;
	font-size: 30px;
	margin: 20px 0 0;
}

.userInput {
	color: white;
	text-decoration: underline;
}
.madLibsBody {
	margin: 0 auto;
	font-size: 26px;
	font-family: 'Lato', sans-serif;
	color: white;
	line-height: 1.25;
	width: 60%;
}

.madLibsForm li {
	list-style: none;
	margin: 9px 0;
	font-size: 22px;
}

.madLibsForm input {
	height: 28px;
}

.message1 {
	margin: 50px 0 0;
	color: white;
	font-size: 20px;
	margin-bottom: 50px;
}

.homeButton:hover {
	text-decoration: underline;
	color: white;
}

.homeButton visited {
	text-decoration: none;
	color: white;
}

.homeButton {
	text-decoration: none;
	color: white;
	width: 4%;
	background-color: darkgray;
	padding: 7px;
	border-radius: 5px;
}
#instructions {
	margin: 40px auto;
}

#innerWrapper p, #instructions p{
	color: white;
	text-align: center;
	margin: 8px; 
	font-size: 30px;
}
#instructions ol li{
	list-style: decimal;
}

#instructions ul li{
	list-style: outside;
}

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

.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;
}

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;
}