body {
                margin: 0;
                padding: 40px;
                background-position: center;
                background-color: #d0dae4;
                color: #2c3e50;
                line-height: 1.6;
            }
            
            img.logo {
                display: inline-block;            
                vertical-align: middle;          
                max-width: 150px;
            }

            img.logo + h1 {
                display: inline-block;
                vertical-align: middle;
                margin: 0;
                font-size: 2.5em;
                color: rgb(119, 5, 51);
            }

            .imgset {
                display: block;
                margin: 40px auto;
                max-width: 55%;
                padding: 10px;
            }

            h1 {
                text-align: center;
                margin: 20px 0;
                padding: 10px;
                font-size: 2.5em;
            }

            p {
                margin: 25px auto;
                padding: 20px;
                max-width: 850px;
                font-size: 1.1em;
            }

            h2 {
                margin: 30px auto 15px;
                padding: 10px;
                max-width: 850px;
                color: rgb(2, 61, 90);
            }

            ul, ol {
                margin: 20px auto;
                padding: 10px 50px;
                max-width: 800px;
            }

            li {
                margin: 12px 0;
                padding-left: 8px;
            }

            a {
                color: #2c3e50;
                text-decoration: underline;
                font-weight: bold;
            }

            .highlight { font-weight: bold; }
            .accent    { font-style: italic; }
            .important { text-decoration: underline; }