body {
	margin: 0px;
	padding: 0px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	background-image: url('./wp/img6.jpg');
	}

	header {
		animation: slide .5s forwards;
		animation-delay .25s;
		animation-timing-function: ease-in-out;
	}

	header h2 {
		position:relative;
		font-size: 14px;
		left: 10px;
		color: #ffffff;
	}

	header img {
		position: absolute;
		width:100px;
		height:100px;
		left: 5%;
	}

div#loginCard {
	position: absolute;
	width: 275px;
	height: 275px;
	top: calc(50% - 150px);
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px black;
	border-radius: 2px;
	animation: slide .5s forwards;
	animation-delay .25s;
	animation-timing-function: ease-in-out;
	}

@keyframes slide {
	80% { left: calc(50% - 180px); }
	90% { left: calc(50% - 210px); }
	100% { left: calc(50% - 200px); }
	}

div#loginCard p {
	font-size: 20px;
	margin-top: 5px;
	color: white;
	}

div#loginPageFooter {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	height: 75px;
	width: 100%;
	top: 100%;
	animation: slideUp 0.5s forwards;
	animation-delay 0 s
	animation-timing-function: ease-out;
	}

@keyframes slideUp {
	100% { top: calc(100% - 40px); }
	}

div#footerText {
	color: white;
	padding-top: 10px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	font-weight: 100;
	padding-right: 10px;
	line-height:0;
	font-size: 10px
	}

div#loginWrapper {
	position: absolute;
	margin: 7%;
	margin-top: 0;

	}

div#loginCompany{
	color: white;
	position: relative;
	background: rgba(0, 0, 0, 0);
	height: 30px;
	text-align: center;
	padding:10px;
	font-size: 20px;

	}
form#loginForm{
	color:white;
}