@CHARSET "UTF-8";

body {
	background-color: #eee;
	display: flex;
	flex-direction: row;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

input {
	margin-bottom: 8px;
	text-align: center;
}

form {
	margin: auto;
	animation-name: loadAppIcon;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-duration: 750ms;
	animation-fill-mode: forwards;
	backface-visibility: hidden;
	perspective: 1000;
	text-align: center;
}

@keyframes loadAppIcon {
	0% {
		transform: scale(0,0);
	}

	100% {
		transform: scale(1,1);
	}
}


.displayNone {
	display: none;
}

.globe {
	margin-bottom: 16px;
}

.loading {
	display: none;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

	.loading img {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}