/*GENERAL*/
/* colors:
	red: #B90303
	grey: #555
*/

html { 
	height:100%;
}

body { 
	background-color: #ccc;
	color: #fff;
	margin: 0;
	position:absolute; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0;
}

h1 {
	position: absolute;
	width: 100%;
	text-align: center;
	top: calc(50% - 3vmin);
	font-size: 6vmin;
	color: #111;
	font-family: 'Roboto', sans-serif;
}

.backdrop {
	position: absolute;
	left: 10%;
	top: 10%;
	width: 80%;
	height: 80%;
}

/*FOOTER*/
.footer {
	position:absolute;
	bottom: 0;
	right: 0;
	height: auto;
}

.material-icons {
	text-decoration: none;
	color: white;
	padding: 20px;
	font-size: 30px !important;
	-webkit-user-select: none !important;   
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	cursor: pointer;
}

.material-icons:hover {
	color: #555;
}