
p {
color: #FF00FF;
  /* line-height: ; */
}

h1 {
  text-align: left; 
}

ul {
  /*background-color:#ccc;*/
  color: #4e0505;
margin-left: 20%;


}

li {
    color: #4e0505;
    font-size: large;
    
  }

ol {margin-left: 25px;
font-size: large;}
  

nav {
  background-color: #de5f02;

  border-radius: 1px;
text-decoration:none;
padding: 5px;
}
nav {
height: 1em;
padding: 2em 0;
letter-spacing: 3px;
font-size: .9em ;
font-weight: 800;
text-align: center;

 /* #content {
 width: ; */
  /* margin-left: ; */
}

/* /// LINKS /// */
/* unvisited link */
nav a:link {
color: #dccba4;
background-color:#611717;
border-radius: 3px;
text-decoration:none;
}
/* visited link */
nav a:visited {
color: #611717;
background-color:#de5f02;
border-radius: 6px;
}
/* mouse over link */
nav a:hover {
color: #e1c433;
background-color:#682706;

}

/* selected link */
nav a:active {
color: rgb(255, 255, 255);
}


a:link {
  /* color: ; */
  text-decoration: underline ;
  border-radius: 1px;
text-decoration:none;
padding: 5px;
}

a:hover {
  /* color:; */
  text-decoration: underline;
}

a:visited {
  text-decoration: none;
}

.center {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
nav a.active {
/* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */
color: #4e0505;
background-color:#f4e492;
border-radius: 4px;

}


main { 
padding-top: 1%;
  background-color: rgb(242, 211, 170);
}
body 
{
background-color: #e2b07b;
margin: 20%;
margin-top: 0;
border-left: #de5f02 25px solid; 
border-right: #de5f02 25px solid;
font-family: sans-serif;
border-bottom: #de5f02 20px solid;

}
h1 {
color: #de5f02;
text-align:center;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
text-transform:uppercase;
border-bottom:3px solid #de5f02;
margin-top:30px;
} 

h2 {
  text-align: center;
color: #de5f02;
font-size: 2em;
}
p {
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

p {
font-size: 22px;
line-height: 18px;
}
h1 {
font-size: 26px;
color: #611717
}
a:link {
color: #611717;
text-decoration: none;
}
a:hover  {
color: #00C0FD;
text-decoration: underline; /*shows underline on hover*/
}
a:visited {
color: #a563a2;  /*shows different color when clicked */
text-decoration: none;
}
