@font-face {
    font-family: 'ArimoRegular';
    src: url('web fonts/arimo_regular_macroman/Arimo-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
    }
    
body {

    background-color: #b6e7b6;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

nav {

    display: flex;
    justify-content: center;
    background-color: yellowgreen;

    }

nav li {

    display: inline;
    list-style: none;
    font-size: x-large;

}

nav li a {

    padding: 10px 10px;
    font-size: x-large;
    text-decoration: none;

    }

nav a:hover {

    background-color: rgb(120, 169, 22);

    }

nav a:focus {

    background-color: green;

    }

h2, h3 {

    text-align: center;
    color: hsl(59, 37%, 32%);
    font-family: 'Fira Sans', sans-serif;
    
    }

p {

    text-align: center;
    color: hsl(59, 37%, 32%);
    font-family: 'ArimoRegular';
    
}

h1 {

    text-align: center;
    color: hsl(59, 79%, 63%);
    background-color: #386d00;
    font-size: 50px;
    font-family: 'Fira Sans', sans-serif;
    
    }

img {

    display: block;
    margin-left: auto;
    margin-right: auto;

    }

video {
    
    display: block;
    margin-left: auto;
    margin-right: auto;

}

ul {
    
    display: inline-block;
    text-align: left;
    list-style:circle;
    list-style-image: url(images/leaf-1-24.png);
    margin-left: auto;
    margin-right: auto;

    }

ul li{ 

    text-align: left;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

    }

ol {

    display: inline-block;
    text-align: left;
    list-style-type: decimal-leading-zero;
    margin-left: auto;
    margin-right: auto;

    }

ol li{ 

    text-align: left;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

    }

a:link {

    color: rgb(16, 145, 16);

    }

a:visited {

    color: #006400;

    }

a:hover {

    color: hsl(120, 100%, 24%);

    }

a:active {

    color: greenyellow;

    }

div.container {

    text-align: center;

    }

.big-letter::first-letter {

    font-size: x-large;
    color: green;

    }

span.dark-green {
    color: darkgreen;
    }

div.faq-cols {

    column-count: 3;
    column-gap: 30px;
    column-rule: darkgreen solid;

    }

div.faq-cols h2{

    color: darkgreen;
    
    }

h2.faq-cols-span {

    column-span: all;
    font-size: 50px;

    }