
* {
	margin: 0;
	padding: 0;
}

@keyframes about{
	0%	{opacity: 0;}
	100%	{opacity: 1;}
}

body{
	background: yellow;
}

.slide{
	width:200vw;
	height:100vh;
	background: yellow;
}

.wrapper{
	display:flex;
	flex-direction: row;
	width:1100vw;
}

h1{
	font-family: 'Limelight', sans-serif;
	font-size: 60pt;
	margin-left: 3%;
	margin-top: 2%;
}

h4{
	font-size: 25pt;
	margin-left: 90%;
	margin-top: 1%;
	font-family: 'Poppins';
	font-weight: 300;
}

p{
	font-size: 15pt;
	font-family: 'Poppins';
	font-weight: 300;
}

	a:link	 {color:black;}
	a:hover	 {color:hotpink;}
	a:active {color:lightgray;}

.page-one{
	width:90%;
	margin-top: -10%;
	margin-left: 4%;
}

.page-two{
	width:95%;
	margin-top:-1.5%;
}

.line-one{
	margin-top: -30%;
	margin-left: 40%;
}

.page-three{
	width:95%;
	margin-top:-1.9%;
}

.page-four{
	width:95%;
	margin-top:-1.9%;
}

.line-two{
	margin-top: -17%;
	margin-left: 30%;
}

.page-five{
	width:95%;
	margin-top:-1.9%;
}

.page-six{
	width:90%;
	margin-top:-0.7%;
}

.line-three{
	margin-top: -10%;
	margin-left: 37%;
}

.page-seven{
	width:95%;
	margin-top:-1%;
}

.page-eight{
	width:95%;
	margin-top:-1%;
}

.line-four{
	margin-top: -40%;
	margin-left: 3%;
}

.page-nine{
	width:95%;
	margin-top:-1.8%;
}

.page-ten{
	width:95%;
	margin-top:-1.8%;
}

.line-five{
	margin-top: -25%;
	margin-left: 45%;
}

.page-eleven{
	width:95%;
	margin-top:-7%;
}

.credits{
	margin-top: 2%;
	margin-left: 27%;
}

.about{
	margin-left: 3%;
	margin-top: -35%;
	animation-name: about;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
}