html {
        overflow: hidden;
    }
    body {
        margin: 0;
        font-size: 20px;
        font-family: verdana, sans-serif;
        color: #FFFFFF;
	    background-color: #000000;
        height: 100vh;
        perspective: 1px;
        transform-style: preserve-3d;
        overflow-x:hidden;
        overflow-y:auto;
    }

    .nav {
	font-size: 15px;
        font-family: verdana, sans-serif;
	color: #aa7733;
	}

a:link {
    color: #ec2327;
}
a:visited {
    color: #ec2327;
}
a:hover {
    color: #FFFFFF;
}
a:active {
    color: #FFFFFF;
}
	

    .parallax-wrapper {
        width: 100vw;
        height:100vh;
        padding-top:20vh;
        box-sizing: border-box;
        transform-style: preserve-3d;
    }
    .parallax-wrapper::before {
        content:"";
        width: 100vw;
        height: 2600px;
        top:0;
        left:0;
        background-image: url("bg_picture.jpg");
        position: absolute;
        z-index: -1;
        transform:translateZ(-1px) scale(2);
    }
    .regular-wrapper {
	width: 100vw;
        height:20vh;
        padding-top:20vh;
        background-color: transparent;
        z-index: 2;
        position: relative;
    }
    .content {
	padding-top: 150px;
        margin: 0 auto;

        width: 50%;
	text-align: center;
    }
    .content2 {
        font-size: 15px;
        margin: 0 auto;
        padding-top: 570px;
        width: 50%;
	text-align: left;
    }
    .copyright {
        position : bottom;
        bottom : 0;
        padding-top: 400px;
        padding-bottom: 10px;
        font-size: 12px;
	    text-align: center;
    }    

.creditsColor {
    color: #aa7733;
	}
	
.credits {
    font-size: 15px;
	width: 50%;
	vertical-align: top;
	}