html {
	background-image: url("../img/mainBG4.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 100vh;
	width: 100vw;
	background-size:cover;
  	background-attachment: scroll;
}

header {
	color:white;
	font-size:36pt;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:bold;
	position:absolute;
  	top:60%;
  	left:50%;
  	transform:translate(-50%, -50%);
  	-webkit-animation:glow 5s ease-in 1;
  	-webkit-animation-delay:3s;
  	animation:glow 5s ease-in 1;
  	animation-delay:0.5s;
}

@-webkit-keyframes glow {
	0% {
	
	}
	25% {
		text-shadow:0 0 20px white, 0 0 20px white;
	}
	100% {
		
	}
}

#motto {
	color:white;
	font-size:14pt;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:bold;
	position:absolute;
  	top: 60%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	margin-top:38px;
}

a, a:hover {
	text-decoration:none;
	color:white;
	font-family: Tahoma, Geneva, sans-serif;
}

nav {
	position:absolute;
	left:5%;
	top:3%;
	font-size:18pt;
}

nav a {
	margin-right:50px;
}

a span {
	margin-right:-7px;
	display:inline-block;
	transition:all 0.5s;
	-webkit-animation: loadBounce 1s 1;
	animation: loadBounce 1s 1;
}

.disabled {
	color:grey;
	display:inline-block;
	/*pointer-events: none;*/
	text-decoration:none;
}

#projects span {
	animation-delay:0.1s;
}

#aboutMe span {
	animation-delay:0.2s;
}

#resume span {
	animation-delay:0.3s;
}

#contactMeBtn span {
	animation-delay:0.4s;
}

@keyframes loadBounce {
	0% {
		transform: translateY(0);
		margin-left:0;
	}
	25% {
		transform:translateY(-10px);
		margin-left:15px;
	}
	100% {
		transform: translateY(0);
		margin-left:0;
	}
}

#contactMeBtn {
	position:absolute;
	right:5%;
	top:3%;
	font-size:18pt;
	z-index:3;
}

#contactMe {
	position:absolute;
	z-index:3;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	display:none;
}

input, textarea, input:focus, textarea:focus {
	background:none;
	color:white;
	border:none;
	margin-bottom:15px;
	width: 300px;
	border-radius:0;
	border-bottom: 1px solid white;
	font-size:12pt;
	font-family:Tahoma, Geneva, sans-serif;
	outline: none;
}
textarea {
	height:225px;
	resize:none;
}
input[type="submit"] {
	border:none;
	font-size:16pt;
	margin-top:15px;
}

#darkOverlay {
	display:none;
	position:absolute;
	left:0;
	top:0;
	min-width:100%;
	min-height:100%;
	z-index:2;
	background-color:rgba(0, 0, 0, 0.9);
}