body {
    margin-top: 15px;
    height: 1100px;
	font-family: Arial;
    background-color: rgb(51, 51, 51);
}

img{
    height: 400px;
    margin: 0;
    padding: 0;
}

main{
    margin: 10%;
}

h1, p{
    color: rgb(216, 224, 255);
}

.title {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.parallax {
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	perspective: 1px;
	font-size: 200%;
}

.parallax-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	/* forces scrollbars */
	padding: 100vh 0;
}

.base {
    color: rgb(216, 224, 255);
	transform: translateZ(0);
	margin: auto;
}

.back {
    color: rgb(102, 102, 102);
    transform: translateZ(-2px) scale(2);
	margin: auto;


}