@charset "UTF-8";
/* CSS Document */

html{
 	height:100%;
 	min-height:100%;
 }
 
body {
 	min-height:100%;
 	margin:0px;
 }
 
.button {
	width:20vw;
	height:20vw;
	background-color:rgba(255,255,255,1);
	position:relative;
	float:left;
	margin-left:10vw;
	margin-top:24%;
	border-radius:20px;
	box-shadow: 0px 0px 7px rgba(0,0,0,.55);
	opacity:.9;
	transition:.25s ease-in-out;
}

.button:hover {
	opacity:1;
	box-shadow: 0px 0px 7px rgba(255,255,255,1);
}

.button img {
	width:20vw;
	height:20vw;
	border:0px;
	border-radius:20px;
}
 
 #title {
	position:fixed;
	bottom:0px;
	font-family: 'Lato', serif;
	width:100%;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.59) 33%, rgba(0,0,0,0.59) 50%, rgba(0,0,0,0.59) 66%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0.59)), color-stop(50%,rgba(0,0,0,0.59)), color-stop(66%,rgba(0,0,0,0.59)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.59) 33%,rgba(0,0,0,0.59) 50%,rgba(0,0,0,0.59) 66%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.59) 33%,rgba(0,0,0,0.59) 50%,rgba(0,0,0,0.59) 66%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.59) 33%,rgba(0,0,0,0.59) 50%,rgba(0,0,0,0.59) 66%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.59) 33%,rgba(0,0,0,0.59) 50%,rgba(0,0,0,0.59) 66%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	font-size:3vw; 
	color:rgba(255,255,255,.85);
	text-shadow: 0px 0px 7px rgba(255,255,255,.75);
	text-align:center;
 }