@font-face {
    font-family: RobotoMono;
    src: url("/static/RobotoMono-VariableFont_wght.ttf") format('truetype');
}

:root, input, button {
    font-family: "RobotoMono", Helvetica, sans-serif;
    background-color: #283847;
    color: #d8dddf;
}
h1, h2 {
    color: #d8dddf !important;
}
h2 {
    display: inline-block;
    margin-bottom: 5px !important;
    margin-top: 1rem;
}
.tooltip {
    text-decoration: underline dotted;
}
.scoreboard {
    background-color: #1d2833;
    padding: 10px;
    border-radius: 5px;
}
.uk-badge {
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 600;
}
.uk-label.place1 {
    border: 2px solid gold;
}
.uk-label.place2 {
    border: 2px solid silver;
}
.uk-label.place3 {
    border: 2px solid #CD7F32;
}
.uk-badge.place1 {
    background-color: gold;
    color: black !important;
}
.uk-badge.place2 {
    background-color: silver;
    color: black !important;
}
.uk-badge.place3 {
    background-color: #CD7F32;
    color: black !important;
}
.weeks {
    margin-left: 1em;
    font-size: smaller;
    color: rgb(201, 201, 201);
}
.copyright {
    font-family: Georgia, Consolas, Verdana;
}
.main {
    flex: 1;
}
.page {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 40px);
}
.pad {
    padding: 20px;
}
.footer {
    padding: 20px;
    display: flex;
    flex-direction: row;
    font-size: smaller;
}
.footer>a {
    margin: 10px;
}
a {
    color: #d8dddf !important;
}
a:visited {
    color: #81589b !important;
}

.challenge_link {
    margin-bottom: 3px;
    display: inline-block;
}
.uk-button-default.challenge_link, .uk-button-default.challenge_link:hover {
    border: 0px solid #d8dddf;
    border-radius: 5px;
    background-color: #1d2833;
}

.uk-label.challenge_score {
    color: #1b2630;
    font-weight: 600;
    background: #1b2630;
    margin-bottom: 3px;
}

hr {
    margin-top: 0px !important;
}
table.small-cells td, table.small-cells th {
    padding: 5px;
}
.uk-table-hover tbody tr:hover {
    background: #1d2833 !important;
}
.challenge_box:hover .answers_collapse {
    display: block !important;
}