* {
	padding: 0;
	margin: 0;
}

html, body {
  height: 100%;
}

body {
		background-color: #ffffff;
		
}

#header {
	width: 100%;
	height: 75px;
	background-color: #ffe14e;
	border-bottom: 5px solid white;
	position: absolute;
	top: 0px;
	z-index: 1;
	white-space: nowrap;
}	

#headersun {
		position: relative;
		left: 75px;

}	

#headertitle {
		position: relative;
		left: 100px;
		bottom: 25px;
}

#title {
		position: relative;
		top: 30px;
		display: block;
		margin: auto;
}

#wrappage1 {
		position: relative;
		display: flex;
		flex-direction: column;
   	#justify-content: center;
   	width: 95%;
		height: 100%;
		background-color: white;
		border: 1px solid #cccccc;
		overflow: hidden;
		margin: 0 auto;
		top: 10px;

}

#wrappage2 {
		position: relative;

}

#yellowbox {
		height: 75px;
		width: 20%;
		position: relative;
		top: 150px;
		left: 50px;
		background-color: #ffe14e;
        overflow: hidden;

}

#yellowboxtext {
		position: relative;
		float: right;
		top: 20px;
		right: 25px;
		font-size: 30px;

}

#text {
		position: absolute;
		top: 150px;
		left: 500px;

}

mark {
		padding: 8px;
		background-color: #ffe14e;

}

#frontimagediv {
		display: flex;
		flex-direction: row;
   	justify-content: center;
   	width: 95%;
		#height: 100%;
		background-color: white;
		#border: 1px solid #cccccc;
		#overflow: hidden;
		margin: 0 auto;
		top: 10px;
}

#page1button {
		position: relative;		
		margin: 0 auto;
		top: 40px;
		right: 80px;
}

a {
        text-decoration: none;
        color: black;
    
}