@charset "utf-8";
/* CSS Document */

	
		h1 {
			font-family:  roboto, sans-serif;
			padding: 5px;
			margin-top: 5px;
			color: #4CAF50;
			border: 10px solid #040404;
			text-align: center;
		}
		
		p {
			font-family:  roboto, sans-serif;
			color: #5c463c;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		
		body {
			font-family: roboto, sans-serif;
			font-size: 20px;
			padding: 10px	
		}


		h2 {
			color: #D69202;
			font-family: 'Open Sans Condensed', sans-serif;
			margin-bottom: 0;
		}

		li  {
			color: #5c463c;
			font-family: roboto, sans-serif;
		}	
		
		img {
			float: left;
			margin-right: 30px;
		}

		article {
			border: 10px solid #040404;
			padding: 20px;
			
		}

		.topnav {
  		background-color: #333;
  		overflow: hidden;
		border: 10px solid #040404;
		}

		.topnav a {
  		float: right;
  		color: #f2f2f2;
  		text-align: center;
  		padding: 14px 16px;
  		text-decoration: none;
  		font-size: 17px;
}

		.topnav a:hover {
 		background-color: #ddd;
  		color: black;
}

		.topnav a.active {
  		background-color: #4CAF50;
  		color: white;
}