body, html {
    margin: 0;
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #004f9c;
    background: #e1e5f2;
    width: 300px;
    text-align: center;
}
body > div:first-of-type {
    font-family: 'Bree Serif', serif;
    z-index: 1000;
    background: #004f9c;
    color: #ffffff;
    width: 100%;
    padding-bottom: 5px;
}
body > div:first-of-type > h2 {
    margin: 0;
    font-size: 2.5em;
    text-align: center;
}
h3 {
    text-decoration: underline;
    margin-bottom: 0;
}
h6 {
    font-size: smaller;
    margin-top: 0;
    margin-bottom: 5px;
}
div#sloganList {
    text-align: left;
}
div#sloganList > ul:hover {
    color: #dd1c1a;
    cursor: pointer;
}
div#sloganList > ul:before {
    content: '⨯   ';
}
span.footer {
    color: #004f9c;
    position: absolute;
    bottom: 2px;
    right: 4px;
    font-size: x-small;
}