/* Margaret Moss, January 14th, 2022 */

body {
    color: #000000;
    background-color: #B8D1EB;
    font-family: "Times New Roman", serif;
}

#outerwrapper {
    width: 70%;
    margin: 0 auto 0 auto;
}

footer {
    font-size: 0.75em;
    text-align: center;
}

#main {
    background-color: #C5A98B;
    padding: 10px;
    clear: both;
}


/* 
Q19: We use classes for floatleft and floatright because we want these classes to be reusable. 
If we were to use an id we would only be able to use it on one element of the page.
*/
.floatleft {
    float: left;
    margin-right: 3%;
}

.floatright {
    float: right;
    margin-left: 3%;
}

ul {
    list-style-type: none;
}

#main, footer {
    clear: both;
}