body, div, h1, p {
	margin: 0;
	padding: 0;
}

body {
	background-color: #f1dcbe;
	font-family: nunito;
	margin:0px;
	padding:0px;

}
.rectangle1{
	position: fixed;
	border-width: 80px;
	border-style:solid;
	border-color:#f6eee4;
	background-color: #f6eee4;
	width: 1760px;
	height: 40px;
	margin-top: -320px;
}
.jenn02 {
	position: fixed;
 	margin-left: 760px;
 	margin-top: -40px;
}
.scribble {
	position: fixed;
	margin-left: 1500px;
	margin-top: 0px;
}
	.scribble p {
		font-family: nunito;
		font-size: 16px;
		color: #371f72;
		margin-left: 0px;
	}

.menubar{
	position:fixed;
	top:0px;
	left:-550px;
	background-color: #371f72;
	opacity: 0.8;
	width:550px;
	height: 100%;
	transition: .3s;
}
.active {
	left:0;
}
	ul {
		margin:0px;
		padding:60px 0;
	}
	ul li{
		list-style: none;
	}
	ul li a{
		padding: 50px 70px;
		color: #fead32;
		display:block;
		text-decoration: none;
		font-size: 36px;
		border-bottom: 1px solid rgba(55, 31, 114)
	}
.menubarBtn {
	position: absolute;
	top:50px;
	right:-75px;
	width:50px;
	height: 50px;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #f6eee4;
	border:none;
	outline: none;
}
	.menubarBtn span{
		display: block;
		width:35px;
		height: 4px;
		background: #371f72;
		position:absolute;
		top:24px;
		transition: .3s;
	}
		.menubarBtn span:before {
			content: '';
			position: absolute;
			top:-12px;
			left:0px;
			width:100%;
			height: 4px;
			background:#371f72;
			transition:.3s;
		}
		.menubarBtn span:after {
			content: '';
			position: absolute;
			top:12px;
			left:0px;
			width:100%;
			height: 4px;
			background:#371f72;
			transition:.3s;
		}
		.menubarBtn.toggle span {
			background:transparent;
		}
			.menubarBtn.toggle span:before {
			top:0;
			transform: rotate(45deg);
		}
			.menubarBtn.toggle span:after {
			top:0;
			transform: rotate(-45deg);
		}

.jennifer p{
	position: fixed;
	color: white;
	font-size: 120px;
	font-family: delicious;
	margin-left: 1100px;
	margin-top: 200px;	
}
	.gordon p{
		position: fixed;
		color: white;
		font-size: 120px;
		font-family: delicious;
		margin-left: 1120px;
		margin-top: 310px;
	}
	.profile {
		position: fixed;
		margin-left: 1310px;
		margin-top: 480px;
	}
	.quote p{
		position: fixed;
		text-align: center;
		font-family: nunito;
		color: white;
		font-size: 18px;
		margin-left: 1230px;
		margin-top: 680px;
	}
	.qotd p{
		position: fixed;
		text-align: center;
		font-family: nunito;
		color: white;
		font-size: 16px;
		margin-left: 1350px;
		margin-top: 780px;
	}

.gradient img{
	margin-top: -2200px;
	margin-left: 960px;
}

.iconpersona img{
	margin-left: 50px;
	margin-top: -710px;
}
.persona p{
	font-family: Nunito;
  	font-size: 40px;
  	font-weight: 600;
  	color: #371f72;
  	font-style:  none;
  	margin-left: 80px;
  	margin-top: 290px;
}
	.line4 {
		margin-left: 300px;
		margin-top: -40px;
	}
.par1 p{
	margin-left: 220px;
  	margin-top: 90px;
  	font-family: Nunito;
  	font-size: 22px;
  	color: #371f72;
}

.education p{
	font-family: Nunito;
  	font-size: 40px;
  	font-weight: 600;
  	color: #371f72;
  	font-style:  none;
  	margin-left: 80px;
  	margin-top: 150px;
}
	.line5 {
		margin-left: 340px;
		margin-top: -40px;
	}
	.iconedu img{
	margin-left: 200px;
  	margin-top: 60px;
  	
	}
	.par2 p{
	margin-left: -1020px;
  	margin-top: 20px;
  	font-family: Nunito;
  	font-size: 22px;
  	color: #371f72;
  	text-align: center
	}

.interest p{
	font-family: Nunito;
  	font-size: 40px;
  	font-weight: 600;
  	color: #371f72;
  	font-style:  none;
  	margin-left: 80px;
  	margin-top: 160px;
}
	.line6 {
		margin-left: 300px;
		margin-top: -40px;
	}
	.par3 p{
	margin-left: 155px;
  	margin-top: 90px;
  	font-family: Nunito;
  	font-size: 22px;
  	color: #371f72;
	}
	.int1 img{
		margin-left: 560px;
		margin-top: -110px;
	}
	.par4 p{
	margin-left: 355px;
  	margin-top: -150px;
  	font-family: Nunito;
  	font-size: 22px;
  	color: #371f72;
	}
	.int2 img{
		margin-left: 160px;
		margin-top: 40px;
	}