body {
  background-color: #9614facc;  /* CHANGE PAGE COLOR HERE */
  margin-left: 10%;
  margin-right: 10%;
  color: #ff8c00; /* CHANGE TEXT COLOR HERE */

 font-family: 'hagrid', sans-serif;
font-style: normal;
font-weight: 100;     
}

main{
  border: 15px solid orange;
  padding-left: 50px;
  padding-right: 50px; 
}

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

h1 {
  text-align: left;
}

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

ol {
    color: #ff8c00;
  }


nav {
  background-color: #bf7d14;
  padding: 10px 12px 8px 12px;
  height: 50px;

}



/* /// 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;
}


nav a {
float: left; /* more on this later */
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-size: 10px;

letter-spacing: 1px;
padding: 5px 30px;
margin-right: 10px;
text-decoration: none;

font-family: aquatronik-variable, sans-serif;
font-style: normal;
font-variation-settings: "wdth" 100;
}


/*
* {
    border: 2px solid blue;
    border-radius: 25px;
}
*/
/* unvisited link */
nav a:link {
color: #775936;
background-color:#e9810b;
border-radius: 3px;
text-decoration:none;
}
/* visited link */
nav a:visited {
color: #ffe2c1;
background-color:#b1632b;
border-radius: 6px;
}
/* mouse over link */
nav a:hover {
color: #ffe5c1;
background-color:#523313;
}

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