@charset "UTF-8";

html, body {
	color: #000;
	padding:0;
	margin:0;
	/* For WebKit (Safari, Google Chrome etc)
		background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 800, from(#fff), to(#777));
	/* For Mozilla/Gecko (Firefox etc)
		background: -moz-radial-gradient(40% 40%, farthest-corner, #fff, #777);
		/* For Internet Explorer */		/* As if... */
		font-family: Helvetica, Arial, sans-serif;

}

.background{
	width:100vw;
	height:100vh;
	background-image: url(images/chalkboard.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 400px;
    height: 300px;
    color: white;
    text-align: center;
}

img {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}