body {
	background-color: #000000;
}
a{
    text-decoration: none;
}
#background_earth_video{
	position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#Title {
	margin: 0 auto;
	position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    text-align: center;
}

#Contact {
	margin: 0 auto;
	position: absolute;
    top: 90%;
    right: 0;
    left: 0;
    text-align: center;
}

#mainNav{
	position: absolute;
    top: 29%;
	left: 2.5%;
}

nav ul li{
	list-style-type: none;
}

#DemoReel {
	top: 20%;
	z-index: 5;
}

#Projects {
	top: 30%;
	z-index: 4;
}

#Resume {
	top: 40%;
	z-index: 3;
}

#About {
	top: 50%;
	z-index: 2;
}


.outer-nav.right {
    margin-right: 10%;
	margin-left: 25%
}
.outer-nav.vertical {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.outer-nav {
    position: absolute;
    height: auto;
    font-size: 1.666em;
}
.effect-rotateleft.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-rotateleft.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
}
.effect-rotateleft .outer-nav a {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}
.outer-nav.vertical a {
    display: block;
}
.outer-nav a {
	font-family: 'Cinzel', serif;
	text-align:center;
    font-weight: 300;
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.menuOption{
	font-family: 'Cinzel', serif;
    text-decoration: none;
    font-size: 2.5vw;
    color: #fff;
    -webkit-text-stroke: 1px (0,0,255,0.1);
    font-weight: bold;
    text-shadow: 2px 2px 10px rgba(255,255,255,.1);
    margin: 0 0 30px 0;
    cursor: pointer;
    transition: .5s ease all;
}
.menuOption:hover{
    -webkit-text-stroke: 0px rgb(0,0,255,0.25);
    text-shadow: 2px 2px 60px rgba(255,255,255,0.6);6
}