p {color: black;
	font-size: 15px;
	margin-bottom: 0.5px;
	

}
h1 {font-size: 30px;
	color: #B04582;
	padding-left: 1vw;
	text-align: center;
	margin-bottom: 0px;
}

h2{font-size: 20px;
	color: #B04582;
	text-align: center;
	margin-top: 0px;

}

h3 {font-size: 20px;
	color: #B04582;
	text-align: center;
	
}

h4 {font-size: 17px;
	color: #B04582;
	margin-bottom: 0px;
	margin-top: 40px;
	
}

a {color: white;
	text-decoration: none;

}

a:hover {text-decoration: underline;
}

a:active {color: #B04582;

}

hr{color: #B04582;

}

header{
	border: solid;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	color: #B04582;

}


.navigation {
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-around;
			font-size: 20px;
			margin-top: 0px;
			background-color: #CD6FA4;
			text-align: center;
			padding: 1%;
}

.home{
		display: flex;
		flex-direction: row;
		color: #EDEFE9;
}

.works{
		display: flex;
		flex-direction: row;
		color: #EDEFE9;
		

}

.blog{
		display: flex;
		flex-direction: row;
		color: #EDEFE9;

}

.about{
		display: flex;
		flex-direction: row;
		color: #EDEFE9;

}


.mainbody{
	display: flex;
	flex-flow: row nowrap;
	margin-top: 0.5%;
	margin-bottom: 5%;
}

.aside{
	border: solid;
	border-color: #EDEFE9;
	width: 20%;
	display: flex;
	flex-flow: column nowrap;
	padding: 1%;
	margin-left: 2%;
	font-size: 15px;
	
}

.body{
	
	display: flex;
	flex-flow: column nowrap;
	width: 60%;
	padding: 0.5%;
	margin-left: 5%;

}

.pdf {
	width: 25%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;

}




.toplink {
	text-align: center;
	width: 20%;
	margin: auto;

}

.listworks{
	display: flex;
	flex-flow: column nowrap;
	border: solid;
	border-color: #B04582;
	background-color: #CD6FA4;
	padding: 2%;
	font-size: 18px;
	margin-top: 2%;
	text-align: center;
}