/* Style for Lab3 */
*{
	font-family:'Garamond'
}
body {
	background:url('forest.jpg');
	background-size:100%;
	background-attachment:fixed;
	margin:0px;
}
#info{
	text-align:center;
	font-size:250%;
	font-family:'Garamond';
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
	color:rgba(255,255,255,0.9);
	text-shadow:0px 0px 1px;
}
#animation{
	text-align:center;
	margin-bottom:80px;
}

#animation h3,
#three h3{
	font-size:150%;
	width:60%;
	margin-left:20%;
	border-radius:5px;
	background:rgba(255,255,255,0.5);
	text-shadow:0px 0px 1px;
	text-align:center;
}
#animation a{
	padding:5px;
	border-radius:3px;
	background:rgba(0,0,0,0.8);
	border:none;
	font-size:20px;
	width:10%;
	color:rgba(255,255,255,0.8);
	box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
	text-decoration:none;
	font-weight:bold;
}
#animation a:hover{
	box-shadow:rgba(255,255,255,0.5) 0px 0px 5px;
	cursor:pointer;
	color:rgba(0,0,0,1);
	background:rgba(255,255,255,0.8);
}

/********* Rotating cube ********/
#canvas {
	text-align:center;
}
#glCanvas{
	box-shadow:rgba(0,0,0,1) 0px 0px 20px;
	border-radius:20px;
}
a {
	color: #0080bb;
}
button{
	padding:5px;
	border-radius:3px;
	background:rgba(0,0,0,0.8);
	border:none;
	font-size:20px;
	width:10%;
	margin:0px 45% 25px;
	color:rgba(255,255,255,0.8);
	box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
	font-weight:bold;
}
button:hover{
	box-shadow:rgba(255,255,255,0.5) 0px 0px 5px;
	cursor:pointer;
	color:rgba(0,0,0,1);
	background:rgba(255,255,255,0.8);
}