body {
    background-color: #F2F2E4; /*cream color*/
    color: #0A1F3D; /*navy*/
}

hr { 
    color:  #0A1F3D;/*navy*/
    border: none; 
    border-top: .5px dashed #000;
}

h1 {
   font-family: 'Changa', Latin;
   font-weight:bold;
}

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

/*misc start*/
.centered {
    text-align: center;
    font-family: 'Changa', Latin;
}
.rightlean {
    text-align:right;
    font-family:'Changa', Latin;
    float: right;
    margin:20px;
    width: 45%;
    vertical-align: top;
}
.hidden {
    display: none;
    font-family: 'Changa', Latin;
} 
.links {
    text-align:center;
    font-family:'Changa', Latin;
    align-content:center;
}

ul {
  list-style-type: none;
}
    /*misc end*/
    
/*Navigation bar 1 start*/
#top-nav ul {
    list-style-type: none; 
    padding: 0;
    overflow: hidden;
    background-color: #315C2B; /*light green */
    border: 1px dashed;
    border-color: #0A1F3D; /*navy*/
    display: flex; 
}

#top-nav li a {
    display: block; 
    color: #E4E4C8; /*burnt cream*/
    text-align: center;
    padding: 14px 16px;
    text-decoration: none; 
    font-family: 'Changa', Latin;
}

#top-nav li a:hover {
    background-color: #315C2B; /*light green*/
}

    /*Navigation bar 1 end*/