body {
			margin: 0;
			font-family: 'Open Sans', sans-serif;
			font-size: 16px;
		}
		header {
			background-color: #0066cc;
			color: white;
			padding: 20px;
			text-align: center;
		}
		h1 {
			margin: 0;
			font-size: 48px;
			font-weight: normal;
		}
		nav {
			background-color: #f7f7f7;
			padding: 10px;
			text-align: center;
		}
		nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: inline-block;
		}
		nav li {
			display: inline-block;
			margin-right: 20px;
		}
		nav a {
			color: #333;
			text-decoration: none;
			padding: 10px;
			transition: all 0.2s ease-in-out;
		}
		nav a:hover {
			background-color: #3c3c3c;
			color: black;
		}
		main {
			padding: 20px;
		}
		h2 {
			font-size: 36px;
			font-weight: normal;
		}
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		li {
			margin-bottom: 10px;
		}
		a {
			color: #3c3c3c;
			text-decoration: none;
			transition: all 0.2s ease-in-out;
		}
		a:hover {
			color: black;
		}
		section#contact-me {
			background-color: #3c3c3c;
			color: white;
			padding: 20px;
			text-align: center;
		}
		section#contact-me p {
			margin: 0;
			font-size: 24px;
			font-weight: bold;
		}
		section#contact-me a {
			color: white;
			font-weight: normal;
			transition: all 0.2s ease-in-out;
		}
		section#contact-me a:hover {
			color: #f7f7f7;
		}
		footer {
			background-color: #f7f7f7;
			padding: 20px;
			text-align: center;
		}
		footer p {
			margin: 0;
			color: #666;
			font-size: 14px;
		}