@font-face {
    font-family : F1;
    src         : url(capellaital.ttf);
}

@font-face {
    font-family : Sport;
    src         : url(sport.ttf);
}

.F1-bg {
    background : #C0392B;
}

.bg-red {
    background : #C0392B;
}

.bg-red-lt {
    background : #E74C3C;
}

.pos {
    background                 : rgba(255, 255, 255, 0.5);
    border-bottom-right-radius : 5px;
    color                      : #C0392B;
    text-align                 : center;
    font-weight                : bold;
    width                      : 50px;
}

.championship {
    margin-top : 150px !important;
}

.profile {
    width         : 50px;
    height        : 50px;
    border-radius : 100%;
    border        : 2px solid white;
    background-position: center !important;
    background-size: cover !important;
    background-color: white !important;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%, 0);
}

.championship .col {
    background     : white;
    color          : black;
    text-align     : center;
    vertical-align : middle;
    padding-top    : 10px;
    position       : relative;
    box-shadow     : 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.championship .col > .number {
    margin-top  : 10px;
    font-size   : 3em;
    color       : #C0392B;
    font-family : F1, cursive;
}

.championship .col > .name {
    position    : absolute;
    top         : -80px;
    left        : 0;
    right       : 0;
    color       : white;
    font-size   : 1.8em;
    white-space : nowrap;
}

.championship .col > .name > .points {
    display    : block;
    margin-top : -10px;
}

.championship > .first {
    height     : 250px;
    background : rgba(255, 255, 255, 0.9);
}

.championship > .second {
    margin-top : 50px;
    height     : 200px;
    background : rgba(255, 255, 255, 0.7);
}

.championship > .third {
    margin-top : 75px;
    height     : 175px;
    background : rgba(255, 255, 255, 0.5);
}

.championship > .third > .number {
    position : absolute;
    top      : -20px;
    left     : 0;
    right    : 0;
}

.championship-list {
    color     : white;
    font-size : 2em;
}

.championship-list td {
    border : none;
}

.championship-list td:nth-child(3) {
    float : right;
}

.last-times {
    width      : 100%;
    padding    : 0 10px 0 10px;
    font-size  : 1.5em;
    color      : white;
    text-align : center;
}

tr:first-child td {
    border-top : none;
}

td {
    line-height : 50px;
}

td .circuit {
    margin-top : 4px;
}

td .country {
    font-size   : 2em;
    font-weight : bold;
    color       : white;
}

td .title {
    display    : block;
    font-size  : 1.5em;
    margin     : -15px 0 0 8px;
    text-align : left;
}

.date {
    height        : 100px;
    width         : 100px;
    border-radius : 5px;
    color         : black;
    position      : relative;
    float         : right;
    box-shadow    : 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.date::before {
    content       : '';
    background    : rgba(255, 255, 255, 0.2);
    width         : 100%;
    height        : 25px;
    position      : absolute;
    top           : 0;
    border-radius : 5px 5px 0 0;
}

.date::after {
    content       : '';
    background    : rgba(255, 255, 255, 0.5);
    width         : 100%;
    height        : 75px;
    position      : absolute;
    top           : 25px;
    border-radius : 0 0 5px 5px;
}

.date .month {
    text-align : center;
    position   : absolute;
    top        : -13px;
    left       : 0;
    right      : 0;
    color      : white;
}

.date .day {
    position   : absolute;
    top        : 33%;
    left       : 0;
    right      : 0;
    text-align : center;
    font-size  : 2em;
    color      : white;
}

.f1-logo {
    position        : absolute;
    top             : 0;
    bottom          : 0;
    left            : 0;
    right           : 0;
    width           : auto !important;
    display         : flex;
    justify-content : center;
    align-items     : center;
    pointer-events  : none;
}

.f1-logo > img {
    height         : 35px;
    -webkit-filter : drop-shadow(2px 2px 35px rgba(0, 0, 0, 0.5));
    filter         : drop-shadow(2px 2px 35px rgba(0, 0, 0, 0.5));
}

.fastest,
.previous-list {
    color : white;
}

.fastest th, .fastest td,
.previous-list th, .previous-list td {
    padding   : 0;
    font-size : 15px;
    border    : none !important;
}

.fastest th,
.previous-list th {
    padding-bottom : 10px;
}

.track-title {
    margin-bottom : 20px;
    color         : white;
}

.track-country {
    color : rgba(255, 255, 255, 0.5);
}

.previoustimes tr:first-child td {
    font-weight : bold;
    font-size   : 18px;
}

.previoustimes tr {
    opacity : 0.5;
}

.previoustimes tr:first-child {
    opacity : 1;
}

.previoustimes tr:first-child td {
    font-weight : bold;
    font-size   : 18px;
    opacity     : 1;
}

.fastest td,
.previoustimes td {
    padding   : 0.1rem;
    font-size : 15px;
}

.fastest td:first-child,
.fastest th:first-child {
    padding-left : 10px;
}

.hidden {
    display : none;
}

.record-title {
    margin-bottom : 20px;
}

.scroll-this {
    max-height : 40vh;
    overflow-x : hidden;
    overflow-y : hidden;
}

.fastest td {
    font-size : 18px;
}

.fastest tr:nth-child(even) {
    background-color : #C0392B;
}

::-webkit-scrollbar {
    display : none;
}