/* Background pattern used with permission from subtlepatterns.com */

/* Header */
header {
	background-color: #3e3952;
	position: relative;
	height: 100px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	color: #bc7abd; 
	padding: 1px;
	border: solid 1px;
	border-color: #3e3952;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

h1 {
	font-family: 'Lobster Two', cursive;
	margin-left: 10px;
	position: relative;
	top: 15px;
}

h2 {
	font-family: 'Lobster', cursive;
	margin-left: 10px;
	position: relative;
	top: -10px;
	font-size: 20px;
}
/* Navigation */
nav{
	background-color: #bc7abd;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px;
	border-color: #3e3952;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
nav > h3 {
	font-family: 'Domine', serif;
	display: inline;
	margin-left: 10px;
}
/* Body */
body{
	/* background-image: url("imgs/stardust.png"); */
	background-color: #8c508c;
}
#aboutme > h3 {
	font-family: 'Lobster', cursive;
}


img {
	position: relative;
	width: 20%;
	float: left;
	margin-left: 10%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-style: solid 1px black;
	/* border-color: #8c508c; */
	/* border-radius: 3px; */
}


#aboutme {
	font-family: 'Domine', serif;
	float: right;
	position: relative;
	width: 40%;
	margin-right: 10%;
	padding-top: 10px;
}

/* Footer */
footer {
	background-color: #3e3952;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Domine', serif;
	clear: both;
	padding: 1px;
	border-radius: 3px;
}

footer > p {
	margin-left: 10px;
}
Write basic css for index
Write basic css for index
