body,html{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: radial-gradient(ellipse at center, #444 0%,#000 100%);
	font-family: sans-serif;
}

#background{
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
}

.top, .bottom{
	height : 75px;
	min-height: 75px;
	min-width: 100%;
	background: url(img/border.png);
	position: absolute;
}
.bottom{
	top: calc(100% - 75px);
}
.top{
	top: 0px;
}

.overlay{
	color: yellow;
	position: absolute;
	top: 0px;
	width: 100%;
	height : 100%;
	background: url(img/pattern.png);
}

.schild {
	background: yellow;
	border-radius: 20px;
	position: fixed;
	min-width: 300px;
	width: 300px;
	max-width: 300px;
	min-height: 200px;
	height: 200px;
	max-height: 200px;
	top: calc(50% - 125px);
	left: calc(50% - 175px);
	border: 15px solid black;
	padding: 10px;
}

h1{
	font-size: 35px;
	text-align: center;
	text-transform: uppercase;
}

h2{
	font-size: 18px;
	text-align: center
}