* {box-sizing: border-box; font-family: Arial,Helvetica;}

body {
	background-color: #4D484E;
	margin:0; 
	padding:0;
}
.backgr {
	display: block;
	position: absolute;
	background:url('/images/xnback.jpg') no-repeat center center fixed; 
	width: 100%;
	height: 100%;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.xnlogo {
	display: block;
	padding: 1em;
	font-size: 2.2em;
	color: #fff;
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}

.xnorange {color: #ffa500;}

.formcaption {
	font-size: 3em;
	color: #fff;
	display: block;
	margin-top: 3em;
	text-align: center;
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.xn-form {display: block; margin-top:2em; text-align: center;}
.xn-input {border: 1px solid gray; font-size: 1.8em; padding: 0.5em;}
.xn-btn {border: 1px solid rgb(4, 204, 100); background-color: rgb(4, 204, 100); font-size: 1.8em; padding: 0.5em; color: #fff;}