body {
    max-width: 900px;
    margin: 0 auto;
    color: #323232;
}

.header {
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    color: darkmagenta;
}

.main {
    display: flex;
    flex-direction: row;
}

.list {
    float: left;
    width: 20%;
    background-color: whitesmoke;
}

.content {
    float: left;
    width: 80%;
    mmin-height: 300px;
}

.footer {
    clear: both;
    margin-top: 2rem;
    text-align: center;
    font-size: 0.5em;
    text-transform: uppercase;
    color: darkmagenta;
}

h3 { color: darkmagenta; padding-left: 0.5em; }

p { padding-left: 2em; };

a { color: darkblue; }