:root {
    --text-primary: #424242;
    --text-secondary: #302348;
    --text-tertiary: #a87bc9;
    --text-whitey: #FFFFFF;
    --bg-primary: #F8F8F8;
    --bg-secondary: #302348;
    --bg-tertiary: #a87bc9;
    --tile-border: #cccccc;
    --transition-speed: 600ms;
    /* Dark Purple - #8A56AC */
    --phase1: #ce0022;
    --phase2: #ddc10a;
    --phase3: #349bf0;
    --active-text: #349bf0;
    --transition-speed: 600ms;
    --text-grey: #707070;
}

body {
    font-family: 'Eurostile', sans-serif;
    font-size: 16px;
    background-color: var(--bg-primary);
    margin: 0;
    padding: 0;
    border: none;
}

.nav.nav-tabs {
    border: none;
    background: none;
}

    .nav.nav-tabs ul,
    .nav.nav-tabs li,
    .nav.nav-tabs li a,
    .nav.nav-tabs li button {
        border: none;
        text-transform: uppercase;
        font-weight:900;
        color:var(--bg-tertiary);
    }


.dashed-container {
    border:1px dashed #888;
    background: rgb(242,242,242);
    border-radius:10px;
    padding:150px 0;
    text-align:center;
}


[class^="fa"].gold,
.gold [class^="fa"] {
    color: #e2de06;
}