html {
    height: 100%;
    font-family: Roboto, Helvetica, Verdana, Tahoma, Arial, sans-serif;
}

html {
    display: table;
    margin: auto;
}

body {
    background-color: #f5f7f9;
    color: #0c2240;
    padding: 1em;
}

input, textarea {
    display: block;
    font-size: 1em;
    padding: 0.75em;
    border: solid 1px #aacfe4;
    margin: 1em;
}

input[type="submit"]
{
    background-color: #7adcff;
}

.alert {
    display: block;
    font-size: 1em;
    padding: 0.75em;
    border: solid 1px;
    margin: 1em;
}

.alert-success {
    background-color: #8ee58e;
    border-color: #8ee58e;
}
.alert-error {
    background-color: #e58e9b;
    border-color: #e58e9b;
}
pre {
     font-family: Roboto, Helvetica, Verdana, Tahoma, Arial, sans-serif;
     white-space: pre-wrap;
}

.center {
    text-align: center;
}