/* Basic Layout */
form {
	position: relative;
	top: 300px;
	width: 200px;
	margin: auto;
	text-align: center;
}
form input {
	width: 200px;
	font-size: 24px;
	text-align: center;
}
.coffee-types {
	position: relative;
	top: 325px;
	margin: auto;
	text-align: center;
}	
.coffee-types ul {
	list-style: none;
}
.coffee-types ul li {
	display:inline-block;
	padding: 6px;
	margin: 2px;
	font-family: 'Waiting for the Sunrise', cursive;
	font-size: 18px;
	background-color: #FFF;
	width: 100px;
	transition: background-color .2s, color .2s;
}
.coffee-types ul li:hover {
	background-color: #F69F4E;
	cursor: pointer;
}
.coffee-types ul li.selected {
	color: #FFF;
	background-color: #AA5303;
}
		


/* Objects */
.coffee-cup {
	top: 50px;
	left: 375px;
	cursor: pointer;
}
.hand {
	position: absolute;
	top: 60px;
	left:-250px;
	width: 250px;
	height: 198px;
	background-image: url('../img/hand.png');
}