@font-face {font-family: 'exiles-font'; src: url('../fonts/exiles.ttf');}
html {overflow-y: scroll;}
body {
    font-family: 'exiles-font';
    font-weight: 200;
    font-size: 18px;
    text-align: center;
}
body::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('../images/background.png') no-repeat center center;
            background-size: auto 100%;
            opacity: 0.15;
            z-index: -1;
}

img {margin-top: 20px; max-width: 100%; height: auto;}
.button-container {margin-top: 20px;}
.button_img_qfrl {width: 20%; margin-right: 5%;}
.button_img_exiles {width: 8%;margin-left: 5%;}
@media (max-width: 768px) {
    .button_img_qfrl {width: 35%;}
    .button_img_exiles {width: 15%;margin-left: 5%;}
    .button {font-size: 18px;padding: 3px 50px;}}
.button {
    width: 100px;
    display: inline-block;
    font-family: 'exiles-font';
    padding: 3px 80px;
    font-size: 20px;
    font-weight: 200;
    color: #F2F2F2;
    background-color: #262626;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.button_selected {
    width: 100px;
    display: inline-block;
    font-family: 'exiles-font';
    padding: 3px 80px;
    font-size: 20px;
    font-weight: 200;
    color: #F2F2F2;
    background-color: #262626;
    border: none;
    text-decoration: underline;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.button:hover {background-color: #0D0D0D;}
.table-container {margin-top: 20px; max-height: 70vh; overflow-x: auto; overflow-y: auto; -webkit-overflow-scrolling: touch;}
table {margin: 0 auto; border-collapse: collapse;}
th, td {padding: 5px; text-align: center;}
th {font-size: 20px; background-color: #262626; color: #F2F2F2; font-weight: 200; position: sticky; top: 0;}
td {font-size: 20px; font-weight: 200; background-color: #464646; color: #F2F2F2;}
tr:nth-child(even) td {background-color: #404040;}
tr:hover td {background-color: #0D0D0D;}

.drivers1 {width: 50px; font-style: italic;}
.drivers2 {width: 260px;}
.schedule1 {width: 95px;}
.schedule2 {width: 95px;}
.schedule3 {width: 240px;}
.schedule4 {width: 240px;}
.schedule5 {width: 240px;}
.standings1 {width: 95px;}
.standings2 {width: 95px; font-style: italic;}
.standings3 {width: 240px;}
.standings4 {width: 95px;}
.standings5 {width: 95px;}
.standings6 {width: 95px;}
.standings_playoff tr:nth-child(13) td {border-bottom: 1px solid yellow;}