@font-face {
    font-family: 'Gnuolane';
    font-style: normal;
    font-weight: normal;
    src:
            local('Gnuolane'),
            url('/static/fonts/gnuolane_rg-webfont.eot') format('eot'),
            url('/static/fonts/gnuolane_rg-webfont.ttf') format('truetype')
    ;
}

body {
    background: #222;
    color: rgba(255,255,255,0.75);
}

body > .asterioid {
    position: fixed;
    right: 2em;
    bottom: 0;
    z-index: -1000;
    max-width: 80%;
    width: 500px;
}

h1, h2, h3 {
    color: inherit;
    font-family: Gnuolane, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 350%;
    color: #FFF;
    margin-top: 0;
}

.row {
    max-width: 42rem;
}

button.button.submit, button.button.submit:active {
    background-color: #e2001a !important;
    border-color: transparent;
    display: block;
    font-weight: bold;
    font-size: 125%;
    margin-top: 2em;
    margin-bottom: 2em;
}

button.button.submit:hover {
    background-color: #b50015 !important;
    border-color: transparent;
}

label {
    color: inherit;
    font-weight: bold;
    opacity: 1.0;
    margin-top: 5px;
}

label small {
    text-transform: none;
}

label.big {
    font-family: Gnuolane, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 150%;
    letter-spacing: 0.03em;
    margin-top: 1.5em;
}

label.question.big::after {
    content: '?';
    padding-left: 0.1em;
    font-size: 115%;
}

label.big:first-letter {
    font-size: 115%;
}

form > .row:first-child {
    margin-top: 2em;
}

label > input:first-of-type {
    margin-top: 3px !important;
}

input {
    font-weight: normal;
}

.row.close:not(.error) input:first-of-type {
    margin-bottom: 0.5rem;
}

.row.close input:last-of-type {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.row.close.error small.error:first-of-type {
    margin-bottom: 0.5rem;
}

.status {
    position: absolute;
    left: 5%;
    top: 30%;
    margin: 10px;
}

.status a {
    color: inherit !important;
}

.sticker {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticker div {
    text-align: right;
    font-size: 80%;
}

.smallprint {
    color: rgba(255,255,255,0.6);
}

.smallprint p {
    text-align: justify;
}

.smallprint .tldr {
    font-weight: bold;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.smallprint {
    margin-bottom: 20px;
}