*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--defaultFontFamily);
}

:root {
    --GlobalColorScheme-IconColor: #222;

    --TextDefaultColor: #222;
    --LightTextColor: #ffffff;
    --DarkTextColor: rgb(159,159,159, 1);

    --DefaultBackgroundColor: rgb(247, 247, 247, 1);
    --FooterBackgroundColor: rgba(237, 237, 237, 1);
    --LightBackgroundColor: #fff;
    --DarkBackgroundColor: #000000;
    --DarkBackgroundColor2: rgb(175, 175, 175);
    
    --CardBackgroundColor: rgba(255, 255, 255, 1);
    --DarkCardBackgroundColor: rgb(218, 218, 218);

    --defaultFontFamily: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    --border-color: rgba(232, 232, 232, 1.0);
    
    /* Match Result Colors */
    --WinColor: #22c55e;
    --DrawColor: #eab308;
    --LossColor: #ef4444;
}

@font-face {
    font-family: '__walsheim_e6bd29';
    src: url('path/to/walsheim_e6bd29.woff2') format('woff2'),
         url('path/to/walsheim_e6bd29.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '__walsheim_Fallback_e6bd29';
    src: url('path/to/walsheim_fallback.woff2') format('woff2'),
         url('path/to/walsheim_fallback.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

header {
    font-family: '__walsheim_e6bd29', '__walsheim_Fallback_e6bd29', sans-serif;
    font-weight: 700;
    z-index: 100;
}

a, button {
    color: var(--TextDefaultColor);
    cursor: pointer;
    background: 0;
    border: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    font-size: 19px;
}

a:active, a:visited {
    color: var(--TextDefaultColor);
    text-decoration: none;
}

.card{
    width: 100%;
    background: var(--CardBackgroundColor);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 6px 0;
}