* {
        margin: 0;
    }
    
    html {
        padding: 0;
        margin: 0;
    }
    
    body {
        background-color: ffffff;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
        color: #000000;
    }
    
    a {
        color: rgb(165, 42, 42);
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: underline
    }
    
    a:visited {
        color: rgb(130, 32, 32)
    }
    
    p {
        font-size: 0.75em;
        margin-left: 15px;
        margin-bottom: 0.8em;
    }
    
    li {
        font-size: 0.75em;
        margin-bottom: 0.4em;
    }
    
    h1 {
        font-size: 1.2em;
        background-color: #000000;
        color: #ffffff;
        margin-bottom: 1em;
        padding: 5px 15px;
    }
    
    h2 {
        font-size: 1em;
        background-color: CornflowerBlue;
        color: #ffffff;
        margin-top: 1.5em;
        margin-bottom: 0.8em;
        padding: 5px 15px;
    }
    
    h3 {
        padding-left: 15px;
        font-size: 0.9em;
        margin-bottom: 0.2em;
        margin-top: 1.5em;
    }
    
    img {
        max-width: 100%;
        margin-left: 15px;
    }
    
    figcaption {
        font-size: 0.7em;
        margin-left: 15px;
    }
    
    ul {
        list-style-type: none;
        padding-left: 15px;
    }
    
    #links {
        position: absolute;
        left: 2%;
        width: 22%;
        top: 20px;
        max-height: 90%;
        background-color: WhiteSmoke;
        overflow: auto;
        padding-bottom: 20px;
    }
    
    #info {
        position: absolute;
        left: 25%;
        width: 73%;
        height: 90%;
        top: 20px;
        background-color: WhiteSmoke;
        overflow: auto;
        padding-bottom: 20px;
    }