@font-face {
    font-family: TradeGothic;
    src: url('/static/fonts/TradeGothicLTStd-Cn18.otf')
}

body {
    font-family: TradeGothic, serif;
    color: #333;
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
    display: grid;
    padding: 0 2rem 0 2rem
}

body.input {
    color: #aaa;
}

.logo {
    height: 90px;
    margin: 20px 20px 40px;
}

.header {
    color: #333;
}

.footer {
    bottom: 0;
    font-size: small;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

#help {
    padding: 20px;
    font-family: lucidatypewriter, monospace, courier;
    color: #333;
}

.flashes {
    list-style-type: none;
    padding-left: 0;
}

.flashes li.error {
    color: red;
}

.flashes li.success {
    color: green;
}

input.logout {
    float: right;
}

input, textarea, button {
    font-family: inherit;
}

.pad-right-15 {
    padding-right: 15px;
}

.pad-top-15 {
    padding-top: 15px;
}

.width-100 {
    width: 100%;
}

.btn-secondary {
    background-color: #bfc300;
    border-color: #bfc300;
}

.btn-secondary:hover {
    background-color: #969366;
    border-color: #969366;
}

.equal-width {
    width: 25%;
}

#login {
    layout: fixed;
}