@import url("https://use.typekit.net/mwi0vnc.css");

:root {
    --largura: 1830px;
    --altura: 990px;
    --principal: #fff;
    --principal-2: #0c0c0c;
    --principal-3: #aa9740;
    --secundaria: #000000;
    --secundaria-text: #fff;
    --azul: #fff;
    --spacing: 20px;
    --font: "aktiv-grotesk";
    --texto: #fff;
    --detalhes: #aa97401f;
    --detalhes-2: #818b91;
    --detalhes-3: #aa9740;
    --header-table: #0c0c0c;
    --stats: #121212;
    --slots: #121212;
    --tamanho-tabela: 100%;
    --altura-tabela: 630px;
    --tamanho-colunas: 49.98%;
    --largura-leaderboard: 290px;
    --filter: grayscale(1);
    --line-1: #121212;
    --line-2: #121212;
    --line-border: #1f1f1f;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    color: var(--principal);
    background-color: var(--secundaria);
    background-image: url('../images/bgSlsPoints.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    font-family: var(--font), sans-serif;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li {
    display: inline-block;
}

a {
    text-decoration: none;
    color: var(--principal);
    transition: ease-in-out .3s all;
}

a:hover {
    color: var(--detalhes-3);
}

body::-webkit-scrollbar {
    width: 15px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: var(--secundaria);        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: #2a313b;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 6px solid var(--secundaria);  /* creates padding around scroll thumb */
}

/* #stats, #leaderboard, #wins {
    display: none;
} */