*{
	margin: 0;
	padding: 0;
	font-family: sans-serif;

}
.logo{
	width:180px;
	margin: 0 70px;
	cursor: pointer;
}
.navbar{
	width: 100%;
	margin: auto;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #c87ed0;
}

.navbar ul li{
		list-style: none;
		display: inline-block;
		margin: 0 15px 0px 15px;
		position: relative;
}
.navbar ul li a{
	text-decoration: none;
	color: #111111;
	text-transform: uppercase;
	font-size: 20px;
}
.navbar ul li::after{
	content: '';
	height: 3px;
	width: 0;
	background:	#4d0b71;
	position: absolute;
	left: 0;
	bottom: -10px;
	transition: 0.5s;
}
.navbar ul li:hover::after{
	width: 100%;
}
.writeup{
	width: 65%;
	margin: auto;
	padding: 25px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}	
.Desc{
	width:1000px;
	align-items: center;
}
.Desc1{
	width:630px;
	align-items: center;
}
.Desc2{
	width:700px;
	align-items: center;
}
.Desc3{
	width:410px;
	align-items: center;
}
.Desc4{
	width:190px;

}
/* Content sections */ 
	.mainContent {
		font-family: sans-serif;
		color: rgba(0,0,0,1.00);
		overflow-y: auto;		
		display: block;
	}
	.mainContent hr {
		height: 1px;
		padding: 0px;
		background-color: rgba(127,55,19,1.00);
	}
	.moreRelev {
		font-family: monospace;
		font-size: 14px;
		font-weight: 500;
		line-height: inherit;
		padding-left: 4%;
	}
	.mainContent .title {
		font-family: Verdana;
		color: rgba(188,32,46,1.00);
		text-align: left;
		font-variant: small-caps;
		padding-left: 2%;
	}
	.mainContent .subtitle {
		font-family: Verdana;
		color: rgba(188,32,46,1.00);
		text-align: center;
		font-variant: small-caps;
		padding-left: 2%;
	}
	
	.lessRelev {
		color: rgba(188,32,46,1.00);
		font-size: 14px;
		font-weight: 300;
		line-height: inherit;
		padding-left: 4%;
	}
	.sublist{
			padding-left: 10%;
	}

	<!--