/* Primary colour #e2510f */
/* HTML ELEMENTS */
html {
	background: #003777;
	color: #e0dfde;
	font-size: 1.6vh;
	line-height: 2vh;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
}
input, button {
	height:3.5vh;
	line-height: 2vh;
	width: 93%;
	margin: .5vh 2%;
	padding:0 .3vw 0 .3vw;
	border-radius: .3vw;
	border: solid thin #999592;
	background: #f1f1fa;
	font-size: 1.3vh;
	line-height: 2vh;
	border: solid .1vw #999;
}
input {
	padding-left:2%;
}
button {
	margin:.5vh 2.5%;
	padding:0;
	height:3.5vh;
	width:95%;
	border-radius: .5vw;
	cursor: pointer;
	background: #003777;
	color:#fff;
	font-weight: 100;
	font-size: 1.6vh;
	line-height: 3vh;
	float:left;
}
button:hover {
	background: #191a21;
}
/* PAGE CONTENT */
#page {
	position: absolute;
	top:25vh;
	left:30vw;
	right:30vw;
	bottom:25vh;
	border-radius: 1vh;
}
#page.desktop {
	background:#f1f1fa;
	color: #333;
	top:25vh;
	left:30vw;
	right:30vw;
	bottom:28vh;
}
#page.mobile {
	background:#f1f1fa;
	color: #333;
	top:25vh;
	left:5vw;
	right:5vw;
	bottom:25vh;
}
#content {
	background-image: url('/u/?j=img&n=ctkblue.png');
	background-size: 15vh;
	background-repeat: no-repeat;
	background-position: center 4vh;
	padding-top:18vh;
}
#error {
	color:#B42115;
	text-align: center;
	width:100%;
}
#error span {
	color:#191a21;
}
/* MOBILE SPECIFIC STYLES */
#mobilepage #content {
}