body {
    background-color: rgb(255, 255, 255);
    font-family: sans-serif;
    font-size: 15px;
    color: rgb(46, 46, 46);
}

a {
    color: rgb(68, 56, 147);
}


.main {
    max-width: 48em;
    margin: 1em auto;
    padding: 0.5em 1em 3em 1em;
    line-height: 1.7;
}

/*
 * Header
 */

.header {
    border-bottom: 1px solid rgb(223, 223, 223);
    margin-bottom: 2em;
    font-weight: bold;
}

.header a {
    color: rgb(46, 46, 46);
}

.header h1 {
    font-size: 1.45em;
    margin: 0;
}

.header .nav-ctr {
    text-align: center;
}

.header img {
    max-width: 11em;
}

.header a {
    text-decoration: none;
}

/*
 * Footer
 */

.footer {
    font-size: 0.9em;
    text-align:center;
    margin: 4em 0 2em 0;
    border-top: 1px solid rgb(223, 223, 223);
}


/*
 * Misc styles
 */

.validity {
    font-weight: bold;
}

.message {
    background-color: rgb(255, 180, 180);
    border: 3px solid rgb(230, 150, 150);
    font-weight: bold;
    padding: 0.3em;
    text-align: center;
}