html,
body {
	margin: 0;
	overflow: hidden;
}

body {
	font-weight: 400;
	font-family: 'Varela Round', sans-serif;
	background: url('../background.jpg') repeat-x top; 
}

nav a {
	margin-left: 30px;
	text-decoration: none;
	transition: 0.5s all
}

nav div {
	font-style: italic;
	color:black;
	padding-left:53px;
	padding-right: 15px; 
	display: inline-block;
	vertical-align: middle;
	background: url('../icons/arrow.svg') no-repeat #FFF;
	height: 48px;
	line-height: 48px;
	transition: 0.5s all;
}

nav a:hover {
	margin-left: 24px;
}

nav a:hover div {
	-webkit-transform:skew(-15deg);
	-moz-transform:skew(-15deg);
	-o-transform:skew(-15deg);
	tranform:skew(-15deg);
}

section {
	text-align: center;
}

section a img {
	margin: 30px 30px 0 30px;
}

section h1 {
	font-weight: 600;
	color : #FFF;
	font-family: 'Poiret One', cursive;
	letter-spacing: 1px;
	font-size: 2em;
}

input {
	padding: 2px;
	border:#FFF solid 2px;
}

#username {
	position: relative;
	height: 72px;
}

#password {
	height: 72px;
	position: relative;
	bottom: 92px;
	left: 999em;
}

@keyframes rotate360 {
  to { transform: rotate(360deg); }
}

#form_next span {
	padding-right: 10px;
}

#form_next div,
#form_next span {
	display: inline-block;
	vertical-align: middle;
}

#form_next div {
	width: 30px;
	height: 30px;
	display: inline-block;
}

#form_next:not(.load) div {
	background:url('../focus_alpha_arrow.png') no-repeat;
}

#form_next.load div {
	background:url('../focus_alpha.png') no-repeat;
	animation: 1s rotate360 infinite ease;
}

#form_content {
	margin-bottom: 2em;
}

#form_next {
	height: 30px;
	background:#660022;
	color:white;
	padding: 0.5em;
	display: inline-block;
	transition: transform 0.2s; 
	position: relative;
	bottom:89px;
	line-height: 30px;
	left: 999em;
}

#form_next:not(.load) {
	cursor: pointer;
}

#form_next.load {
	cursor: progress;
}

#form_next:not(.load):hover {
	-webkit-transform:skew(15deg);
	-moz-transform:skew(15deg);
	-o-transform:skew(15deg);
	tranform:skew(15deg);
}

#form_footer {
	display: inline-block;
}

#error {
	position: relative;
	left:999em;
	bottom:130px;
	color:#CC3300;
	font-weight: bold;
}

.g-recaptcha {
	z-index: 2;
	position: relative;
	bottom: 140px;
	left:100em;
}

#forgot {
	cursor: pointer;
	color: #999;
	font-size: 0.7em;
	position: relative;
	left: 20px;
	top: 5px;
}

#forgot:hover {
	text-decoration: underline;
}