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: -250px;
}
.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);
		}

.title1 h1{
	margin-left: -50px; 
	margin-top: 250px;
	font-family: coiny;
	font-size: 65px;
	text-align: center;
	color: #fead32;
}
	.title1 p{
	margin-left: -50px; 
	margin-top: 60px;
	font-family: nunito;
	font-size: 45px;
	text-align: center;
	color: #fead32;
	}

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

.logo{
	margin-top: 80px;
	margin-left: 400px;
}

.title2 {
	margin-top: -360px;
	margin-left: 900px;
	font-family: Nunito;
 	font-size: 65px;
  	font-weight: 800;
  	color:#371f72;
}
	.caption1 {
	margin-top: 40px;
	margin-left: 900px;
	font-family: Nunito;
 	font-size: 22px;
  	color:#371f72;
}

.cardfront{
	margin-top: 180px;
	margin-left: 390px;
}
	.cardfront p{
	margin-top: 20px;
	margin-left: 140px;
	font-family: Nunito;
  	font-size: 32px;
  	font-weight: 600;
  	color: #371f72;
}
.cardback {
	margin-top: -390px;
	margin-left: 1000px;
}
	.cardback p{
	margin-top: 20px;
	margin-left: 140px;
	font-family: Nunito;
  	font-size: 32px;
  	font-weight: 600;
  	color: #371f72;
}
.letter {
	margin-top: 180px;
	margin-left: 350px;
}
	.letter p{
	margin-top: 40px;
	margin-left: 480px;
	font-family: Nunito;
  	font-size: 32px;
  	font-weight: 600;
  	color: #371f72;
}

.back {
	margin-top: 390px;
	margin-left: 680px;
}
	.back p{
	margin-top: -75px;
	margin-left: 180px;
	font-family: Nunito;
  	font-size: 26px;
  	font-weight: 600;
  	color: #371f72;
}
	.back a{
		text-decoration: none; 
		color: #371f72;
	}
	.backk{
		margin-left: 800px;
		margin-top: -40px;
	}