/* Style for Lab2 */

body {
	background: url('backG3.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;
}
/***** Images ******/
.imagediv{
	margin-left:20%;
	width:60%;
	margin-bottom:50px;
}
.imagediv img{
	width:50%;
	margin-left:25%;
	border-radius:5px;
	box-shadow:rgba(0,0,0,1) 0px 0px 20px;
}

.imagediv h3,
#poster 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;
}
.imagediv p{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	font-style:italic;
	color:rgba(255,255,255,0.5);
	text-shadow:0px 0px 1px;
}
#poster{
	margin-left:20%;
	width:60%;
	margin-bottom:50px;
}
#poster a{
	text-align:center;
	display:block;
	padding:5px;
	border-radius:3px;
	background:rgba(0,0,0,0.7);
	border:none;
	font-size:20px;
	width:50%;
	margin-left:25%;
	color:rgba(255,255,255,0.8);
	margin-top:10px;
	text-decoration:none;
}
#poster a:hover{
	box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
	cursor:pointer;
	color:rgba(0,0,0,1);
	background:rgba(255,255,255,0.7);
}
#poster img{
	width:100%;
	border-radius:5px;
	box-shadow:rgba(0,0,0,1) 0px 0px 20px;
}
/********* 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.7);
	border:none;
	font-size:20px;
	width:10%;
	margin:0px 45% 25px;
	color:rgba(255,255,255,0.8);
}
button:hover{
	box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
	cursor:pointer;
	color:rgba(0,0,0,1);
	background:rgba(255,255,255,0.7);
}

/***************** Changelogs *****************/
#changelogs{
	opacity:0.8;
	position:fixed;
	right:2%;
	top:10%;
	background:rgba(50,250,255,0.3);
	text-align:center;
	color:white;
	text-shadow:0px 0px 1px;
	border-radius:25px 8px;
	padding:10px 10px;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial;
	font-style:italic;
	box-shadow:rgba(0,0,0,0.8) 0px 0px 10px;
}
#changelogs:hover{
	opacity:1;
	text-shadow:0px 0px 2px;
	background:rgba(50,250,255,0.5);
	box-shadow:rgba(255,255,255,0.8) 0px 0px 5px;
}