html {
    font-size: 14px;
}

body {
    background-color: #303036 !important;
    color: #FFFFFF;
}

.navbar {
    background-color: #303036;
}

table {
    color: #FFFFFF !important;
}

.display-4, .font-weight-normal {
    font-weight: 500 !important;
}

.container {
    max-width: 1280px;
}

.intro-header {
    max-width: 700px;
}

.card {
    border: none !important;
}

.card-header {
    background-color: #47474e !important;
}

.card-body {
    background-color: #515159;
}

.online-dot {
    color: #02c5e5;
}

.margin-bt {
    margin-bottom: 40px;
}

.blockquote {
    font-size: 1rem !important;
}

.blockquote-footer {
    color: #FFFFFF !important;
    font-size: 1rem !important;
}

th {
    font-weight: normal !important;
}

.red-sw {
    color: #ff5f55;
}

.blue-sw {
    color: #02c5e5;
}

.blockquote-footer::before {
    color: #02c5e5;
    content: "\221F\00A0" !important;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .games-players-number {
        text-align: right!important;
    }
}

@media (max-width: 768px) {
    .border-top {
        border-top: none !important;
    }

    .margin-bt {
        margin-bottom: 20px;
    }

    .games-players-number {
        text-align: left!important;
    }
}