@charset "utf-8";

/* CSS Document */



/*BACKGROUND SECTION*/

.page {background-color:#e6ac00;
	width:80%;
	margin:auto;
	padding:10px;}

.social-sites {position:relative;
		left:1100px;
		top:-30px;}	


/*HEADER SECTION*/

.head-section {background-color:red;}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;}

.topnav {
  overflow: hidden;
  background-color: #333;}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
/*MAIN SECTION*/

main {background-color:#ffcc80;
	width:78%;
	float:left;
	padding:5px;}
h1 {
  text-align:center;
  text-transform: uppercase;
  color:black;
}

p {
  text-indent: 50px;
  text-align: justify;
  letter-spacing: 3px;
}

a {
  text-decoration: none;
  color: #008CBA;
}	

/*SIDEBAR SECTION*/

.sidebar {background-color:#ffd966;
	width:20%;
	float:right;
	padding:5px;}


/*FOOTER SECTION*/

.footer {background-color:#ffcc99;
	clear:both;}