body{
  background-color:grey;
  }

#contanor{
  border-color: #eadfd6;
  border-style:ridge;
  border-width:5px;
  width:900px;
  margin-left: auto;
  margin-right:auto;
  }

#content{
  border-color: pink;
  border-style:dotted;
  border-width:3px;
  border-radius: 10px;
  width:850px;
  margin-left:25px;
  margin-right:25px;
  margin-top:0px;
  }
  
#header{
  background-color: #f7d8cc;
  clear:both;
  width:850px;
  height:150px;
  margin-left:25px;
  margin-right:25px;
  }
  
#circle{
  width: 200px;
  height: 100px;
  background:white;
  -webkit-border-radius: 100px / 50px;
  -moz-border-radius: 100px / 50px;
  border-radius: 100px / 50px;
  margin-left:auto;
  margin-right:auto;
  border-style:ridge;
  border-color:#362017;
  }
  
#circle h1{
  text-align:center;
  text-decoration-line:underline;
  text-decoration-style:double;
  text-decoration-color:#362017;

  }

#nav{
  clear:both;
  margin-left:25px;
  margin-right:25px;
  margin-bottom:0px;
  background-color:#362017; 
  }

#nav a{
	box-shadow:inset 0px 1px 0px 0px #ffdbdb;
	background:linear-gradient(to bottom, #f6c7c7 5%, #e0a3aa 100%);
	background-color:#f6c7c7;
	border:1px solid #bd6e6e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:13px;
	font-style:italic;
	padding:6px 12px;
	text-decoration:none;
}

#nav a:hover {
	background:linear-gradient(to bottom, #e0a3aa 5%, #f6c7c7 100%);
	background-color:#e0a3aa;
}

#nav a:active {
	position:relative;
	top:1px;
  }
  
  
#introduction{
  text-align:center;
  color:grey;
  background-color:white;
  }  
  
#introduction h2{
  color:lime;
  }