body {
	margin: 0 auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	max-width: 700px;
}
	
h1, h2, div {
	text-align: center;
}
	
img {
	max-width: 100%;
	height: auto;
}

.rotate {
	rotate: 90deg;
}
	
p {
	text-align: left;
}
	
table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid black;
	}

/*th is automatically centered; td is automatically aligned left*/	
th, td {
	border: 1px solid black;
}


tr:nth-child(even) {
	background-color: #DCDCDC;
}

tr:hover {
	background-color: #A9A9A9;
}
	
@media only screen and (max-width: 480px) {
	img {
		width: 270px;
	}
}