body {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin: 0;
    background-color: bisque;
}

section {
    padding: 5px 10px 5px 40px;
}

li {
    list-style-type: circle;
}

.navTop {
    margin: 0%;
    border-left: 18px solid yellowgreen;
    border-bottom: 8px solid yellowgreen;
    padding: 15px;
    max-width: 100%;
    background-color: teal;
    color: white;
}

header>h1 {
    text-shadow: 2px 2px 5px yellowgreen;
}

header>h5 {
    padding: 0px;
    border: 0px;
    margin: 0px;
    color: yellow;
} 

img.left_floating {
    float: left;
    width: 20%;
    margin-right: 20px;
}

img.right_floating {
    float: right;
    width: 20%;
    margin-left: 20px;
}

dl {
    padding-left: 25px;
    border-left: 3px solid brown;
}

dt {
    font-style: italic;
    font-weight: bold;
}

#bottom_example {
    width: 50%;
    border: 4px dotted orangered;
    margin: 2px 10px;
    padding-left: 25px;
    padding-top:50px;
    padding-bottom: 5px;
    padding-right: 10%;
}

.back_link {
    color: white;
    text-decoration: none;
}

.back_link:hover {
    color: orange;
    border-bottom: 3px dotted orange;
}

#top_section {
    
    padding: 10px;
    margin-left: 30px;
    margin-right: 30px;
    background-color: lightseagreen;
    color:cornsilk;
}

/* Button CSS borrowed from W3Schools */
/* https://www.w3schools.com/css/css3_buttons.asp */

.button {
    background-color: #3e8e41;
    border: none;
    color: white;
    padding: 15px 32px;
    margin: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

.button:hover {
    background-color: yellowgreen;
    color: black;
    font-style: italic;
    box-shadow: 2px 2px 5px grey;
}