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

body {
	background-color: #f6eee4;
	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: -200px;
}
.jenn02 {
	position: fixed;
 	margin-left: 760px;
 	margin-top: -50px;
}
.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);
		}

.line9{
	margin-top: 180px;
	margin-left: 0px;
}

.tanya1 {
	margin-left: 50px;
	margin-top: 40px;
}
	.tanya1 h1{
	margin-left: 480px; 
	margin-top: -520px;
	font-family: nunito;
	font-size: 40px;
	color: #371f72;

}
	.tanya1 p{
	margin-right: 1080px; 
	margin-top: 20px;
	font-family: nunito;
	font-size: 22px;
	text-align: right;
	color: #371f72;
}

.line4{
	margin-left: 150px;
	margin-top: 30px;
}

.faq {
	margin-left:950px;
	margin-top: -520px;
}

.question1 img{
	margin-top: 40px;
	margin-left: 150px;
}
	.question1 p{
		color: #ffa883;
		font-family: Nunito;
  		font-size: 27px;
  		font-weight: 600;
  		margin-left: 260px;
  		margin-top: -50px;
	}
	.q1 img{
		margin-left: 150px;
		margin-top: 30px;
	}
	.q1 p{
		margin-left:250px;
		margin-top: 40px;
		font-family: Nunito;
  		font-size: 22px;
  		color: #060606;
	}

.question2 {
	margin-top:-260px;
	margin-left: 1050px;
}
	.question2 p{
		color: #ffa883;
		font-family: Nunito;
  		font-size: 27px;
  		font-weight: 600;
  		margin-left: 110px;
  		margin-top: -45px;
  		
	}
	.q2 img{
		margin-left: 1050px;
		margin-top: 30px;
	}
	.q2 p{
		margin-left:1160px;
		margin-top: 40px;
		font-family: Nunito;
  		font-size: 22px;
  		color: #060606;
	}

	.question3 img{
	margin-top: 40px;
	margin-left: 150px;
}
	.question3 p{
		color: #ffa883;
		font-family: Nunito;
  		font-size: 27px;
  		font-weight: 600;
  		margin-left: 260px;
  		margin-top: -50px;
	}
	.q3 img{
		margin-left: 150px;
		margin-top: 30px;
	}
	.q3 p{
		margin-left:250px;
		margin-top: 40px;
		font-family: Nunito;
  		font-size: 22px;
  		color: #060606;
	}
	.question4 {
	margin-top: -260px;
	margin-left: 1050px;
}
	.question4 p{
		color: #ffa883;
		font-family: Nunito;
  		font-size: 27px;
  		font-weight: 600;
  		margin-left: 110px;
  		margin-top: -45px;
	}
	.q4 img{
		margin-left: 1050px;
		margin-top: 30px;
	}
	.q4 p{
		margin-left:1150px;
		margin-top: 40px;
		font-family: Nunito;
  		font-size: 22px;
  		color: #060606;
	}

.tanya2 {
	margin-left: 300px;
	margin-top: 100px;
}
.qfooter{
	font-family: Coiny;
 	 font-size: 55px;
 	 color: #371f72;
	 margin-left: 1050px;
	 margin-top: -950px;
}

	.hi{
		margin-left: 1050px;
		margin-top: 55px;
	}
	.nice{
		margin-left: 1050px;
		margin-top: 20px;
	}
	.blank{
		margin-left: 1560px;
		margin-top: 20px;
	}
	.ketik{
		margin-left: 1050px;
		margin-top: 40px;
	}

.rectangle6 {
	border-width: 80px;
	border-style:solid;
	border-color:#e9e9e9;
	margin-top: 150px;
  width: 1760px;
  height: 400px;
  background-color: #e9e9e9;
}
	.rectangle6 p{
	font-family: Nunito;
  	font-size: 65px;
  	font-weight: 800;
  	text-align: left;
  	letter-spacing: 2.28px;
  	color: #371f72;
  	font-style: italic;
  	margin-top: 70px;
  	margin-left: 800px;
	}
	.rectangle6 img{
	margin-top: -20px;
	margin-left: 1200px;
	}
	.rectangle6 h4{
	font-family: Nunito;
  	font-size: 15px;
  	text-align: left;
  	letter-spacing: 2.28px;
  	color: #371f72;
  	margin-top: -30px;
  	margin-left: -40px;
	}
	.line3 img{
		margin-left: 990px;
		margin-top: 0px;
	}