body {
	margin: 0;
	padding: 0;
  background: linear-gradient(135deg, #95c11f 40%, #97c6c3 93%);
  background-repeat: none;
  background-size: cover;
  height: 100vh;

}

html {
	height: 100%;
}

.supersize1 {
	font-size: 1.25em;
}

.feedback {
	color: #ff0000;
	border-radius: 3px;
	display: none;
	background-color: #aaaaaa;
}

.message {
    padding: 7px;
}

.blackOut {
    position: absolute;

    top:0px;
    left:0px;
    z-index: 5;
    width:100%;
    height:100%; 
    background-color: rgba(0,0,0,.5);
    text-align:center;
}

span.boxWrapper{
	border: solid;
	border-width: 1px;
	border-radius: 3px;
	padding: 10px;
	background-color: #ffffff;
	display:block;
    width:640px;
    height:480px;
	margin:0 auto;
     z-index:8;
}
    
.box {
    margin-left:auto;
    margin-right:auto;
    vertical-align:center;
    z-index:8;
}