body{
margin: 0;
font-family: 'Oxygen', sans-serif;
font-weight: 700;
}

/*----- This is the  start for formatting the menu -----*/
nav {
    background-color: #f2b705;
}


nav ul{
    list-style-type: none;
    padding: 0px 2rem;
    margin: 0;
    display: flex;
    font-weight: 400;
}


nav a {
    text-decoration: none;
    color: #024873;
    display: block;
    padding: .8rem 2rem;
}

nav li.active a {
    background-color: #024873;
    color: #ffffff;


}

nav a:hover {
    color: white;
}

/*----- This is the  start for formatting the lists -----*/

main ol {
    padding: 0.5rem 3vw;
    background-color: #efefef;
    list-style-type: circle;
}

main dl {
    border: 1px solid black;
    border-radius: 0.5rem;
    padding: 1rem;
    margin: 1rem;
}



main dl dt {
    color: #b40412;
    font-weight: 700;
}

main dl dd {
    color: #024873;
    font-size: .9rem;
}

main ul {
    list-style-type: lower-roman;
}

main ul li {
    margin-bottom: .5rem;
    font-size: .9rem;
}

/*----- This is the  start for formatting the footer -----*/

footer {
    background-color: #eaeaea;
    text-align: center;
    color: #024873;
    padding: 1rem 0;
    font-size: .8rem;

}

footer a {
    color: #024873;
}