@font-face {
    font-family: Rubik-Regular;
    src: url(fonts/Rubik-Regular.ttf);
}
@font-face {
    font-family: Rubik-Bold;
    src: url(fonts/Rubik-Bold.ttf);
}
@font-face {
    font-family: Rubik-Black;
    src: url(fonts/Rubik-Black.ttf);
}
* {
    color: #212121;
    font-family: Rubik-Regular;
}
h1 {
    font-family: Rubik-Bold;
}
.ldb-controls {
    display: table;
    width: 100%;
}
.ldb-lang-container {
    display: table-cell;
    text-align: right;
    width: 30%;
}
.ldb-lang-ref {
    background-color: #EEEEEE;
    border-radius: 8px;
    padding: 8px 10px;
    text-decoration: none;
}
.ldb-lang-ref-selected {
    border: 2px solid;
}
.ldb-lang-ref:hover {
    background-color: #AAAAAA;
}
.ldb-level-ref {
    background-color: #EEEEEE;
    border-radius: 8px;
    padding: 8px 16px;
    text-decoration: none;
}
.ldb-level-ref-selected {
    border: 2px solid;
}
.ldb-level-ref:hover {
    background-color: #AAAAAA;
}
.ldb-levels-container {
    display: table-cell;
    width: 70%;
}
.ldb-refs {
    display: table;
    margin-top: 16px;
    text-align: center;
    width: 100%;
}
.ldb-refs > a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}
.ldb-table {
    display: table;
}
.ldb-table-header {
    display: table-row;
    width: 100%;
}
.ldb-table-header > .ldb-table-cell
{
    color: #AAAAAA;
}
.ldb-table-cell {
    display: table-cell;
    height: 32px;
    text-align: center;
    vertical-align: middle;
}
.ldb-table-col-player {
    text-align: left;
    width: 45%;
}
.ldb-table-col-rank {
    width: 10%;
}
.ldb-table-col-score {
    width: 15%;
}
.ldb-table-col-trend {
    width: 10%;
}
.ldb-table-container {
    display: block;
    border-radius: 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 32px;
    max-width: 400px;
    padding: 16px;
    width: 100%;
}
.ldb-table-row {
    display: table-row;
}
.ldb-table-row-hl > .ldb-table-cell {
    font-family: Rubik-Bold;
}
.ldb-table-row-last > .ldb-table-cell {
    border-top: 1px solid #AAAAAA;
    padding-top: 4px;
}