body {
  background-color: #ff000057;
  margin: 20px;
  color: #561313; /* CHANGE TEXT COLOR HERE */
  /* font-size: ; */
  /* margin-left: ; */
  /* margin-right: ; */
  font-size: 1em ; /* default 16px */
}

main {
background-color: #eaea88;
padding: 20px; 
}

/*Oculi Display Regular
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: normal;

Oculi Display Regular Italic
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: italic;

Oculi Display Bold
font-family: "oculi-display", sans-serif;
font-weight: 700;
font-style: normal;

Oculi Display Bold Italic
font-family: "oculi-display", sans-serif;
font-weight: 700;
font-style: italic;

Oculi Text Regular
font-family: "oculi-text", sans-serif;
font-weight: 400;
font-style: normal;

Oculi Text Regular Italic
font-family: "oculi-text", sans-serif;
font-weight: 400;
font-style: italic;

Oculi Text Bold
font-family: "oculi-text", sans-serif;
font-weight: 700;
font-style: normal;

Oculi Text Bold Italic
font-family: "oculi-text", sans-serif;
font-weight: 700;
font-style: italic;*/

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

h1 {
  text-align: center;
  font-family: "oculi-display", sans-serif;
font-weight: 700;
font-style: normal;
color: #712e01;
}

h2 {
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: normal;
}

h3 {
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: normal;
}

ul {
  /*background-color:#ccc;*/
  color: #481616;
}

ol {
    color: #3d3b34;
  }

  /* {
    border: 2px solid 
  } */

  img {
    border: 3px solid rgb(96, 7, 7)
  }

nav {
  background-color: #34200d;
  padding: 50px 12px 8px 12px;
}

#content {
width: 80;
margin-left: 80;}

/* /// LINKS /// */

a:link {
  /* color: ; */
  text-decoration: none ; /* "none" =  no underline */
}

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

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}


        body {

    background-color: #a98823;

    margin: 010%;

    font-family: sans-serif;
    
    }

/* ////////// NAV LINKS /////////*/
nav {
height: em;
padding: .1em 0;
letter-spacing: .4px;
font-size: 1.5em ;
font-weight: 800;
text-align: center;
}

/* unvisited link */
nav a:link {
color: #86481f;
background-color:#462a0d;
border-radius: 3px;
text-decoration:none;
}
/* visited link */
nav a:visited {
color: hsl(309, 26%, 79%);
background-color:#ffffff;
border-radius: 6px;
}
/* mouse over link */
nav a:hover {
color: #b76705;
background-color:#ffa200;
}

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

nav a.active {
/* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */
color: #e1880a;
background-color:#674618;
border-radius: 4px;
}
/* ////////// LINKS /////////*/

/* unvisited link */
a:link {
color: #c2b471;
text-decoration:none;
}

/* visited link */
a:visited {
color: #00ff1e;
}

/* mouse over link */
a:hover {
color: #539437;
}

/* selected link */
a:active {
color: #ff0000;
}



/*
{
    border: 2px solid red;
    border-radius: 5px;
}
*/