body {
	background-color: rgb(255,255,255);
	height: 2200px;
}
h1 {
	font-family: 'futura';
	font-weight: normal;
	letter-spacing: 20pt;
	font-size: 60pt;
	color: rgb(0,0,0);
	z-index: 100;
}

.fname {
	position: fixed;
	top: 0%;
	left: 11%;
}
.lname {
	position: fixed;
	top: 12%;
	left: 14.5%;
}

/* reading repsonses*/
.reading {
	position: absolute;
	top: 10%;
	left: 75%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowr {
	position: absolute;
	top: 13%;
	left: 73%;
	height: 200px;
	width: 300px;
	background-color: rgb(94, 111, 138);
	z-index: 98;
}
.textr {
	position: absolute;
	top: 38%;
	left: 75%;
	font-family: helvetica;
	font-size: 30pt;
	z-index: 100;
	line-height: 25pt;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* assignment 1 */
.homework {
	position: absolute;
	top: 40%;
	left: 43%;
	height: 200px;
	width: 300px;
	z-index: 99;
	filter: grayscale(100%);
}
.shadowh {
	position: absolute;
	top: 43%;
	left: 41%;
	height: 200px;
	width: 300px;
	background-color: rgb(71, 71, 71);
	z-index: 90;
}
.texth {
	position: absolute;
	top: 67%;
	left: 43%;
	font-family: helvetica;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* assignment 2 */
.homework2 {
	position: absolute;
	top: 80%;
	left: 70%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh2 {
	position: absolute;
	top: 83%;
	left: 68%;
	height: 200px;
	width: 300px;
	background-color: rgb(100, 122, 122);
	z-index: 90;
}
.texth2 {
	position: absolute;
	top: 108%;
	left: 70%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* assignment 3 (studio) */
.homework3 {
	position: absolute;
	top: 70%;
	left: 10%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh3 {
	position: absolute;
	top: 73%;
	left: 8%;
	height: 200px;
	width: 300px;
	background-color: rgb(84, 75, 66);
	z-index: 90;
}
.texth3 {
	position: absolute;
	top: 98%;
	left: 10%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* assignment 4 */
.homework4 {
	position: absolute;
	top: 113%;
	left: 35%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh4 {
	position: absolute;
	top: 116%;
	left: 33%;
	height: 200px;
	width: 300px;
	background-color: rgb(150, 115, 54);
	z-index: 90;
}
.texth4 {
	position: absolute;
	top: 141%;
	left: 35%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* assignment 5 */
.homework5 {
	position: absolute;
	top: 150%;
	left: 65%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh5 {
	position: absolute;
	top: 153%;
	left: 63%;
	height: 200px;
	width: 300px;
	background-color: rgb(112, 58, 15);
	z-index: 90;
}
.texth5 {
	position: absolute;
	top: 178%;
	left: 65%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* midterm */
.midterm {
	position: absolute;
	top: 160%;
	left: 10%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh6 {
	position: absolute;
	top: 163%;
	left: 8%;
	height: 200px;
	width: 300px;
	background-color: rgb(59, 101, 107);
	z-index: 90;
}
.texth6 {
	position: absolute;
	top: 188%;
	left: 10%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.disclaimer {
	position: absolute;
	top: 198%;
	left: 10%;
	font-family: helvetica;
	font-size: 15pt;
	z-index: 100;
	color: rgb(59, 101, 107);
	display: none;
}
.textshow {
	display: inline-flex;
}

/* in-class exercise (7) */
.homework7 {
	position: absolute;
	top: 200%;
	left: 45%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh7 {
	position: absolute;
	top: 203%;
	left: 43%;
	height: 200px;
	width: 300px;
	background-color: rgb(199, 194, 173);
	z-index: 90;
}
.texth7 {
	position: absolute;
	top: 228%;
	left: 45%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* final */
.final {
	position: absolute;
	top: 230%;
	left: 10%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh8 {
	position: absolute;
	top: 233%;
	left: 8%;
	height: 200px;
	width: 300px;
	background-color: rgb(196, 145, 35);
	z-index: 90;
}
.texth8 {
	position: absolute;
	top: 258%;
	left: 10%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}

/* in-class exercise (9) */
.homework9 {
	position: absolute;
	top: 260%;
	left: 58%;
	height: 200px;
	width: 300px;
	z-index: 99;
}
.shadowh9 {
	position: absolute;
	top: 263%;
	left: 56%;
	height: 200px;
	width: 300px;
	background-color: rgb(50, 112, 37);
	z-index: 90;
}
.texth9 {
	position: absolute;
	top: 288%;
	left: 58%;
	font-family: helvetica;
	line-height: 25pt;
	font-size: 30pt;
	z-index: 100;
	display: none;
}
.textshow {
	display: inline-flex;
}