@font-face {
    font-family: 'title';
    src: url('/fonts/intelone-mono.bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'name';
    src: url('/fonts/docker.one.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'normaltext';
    src: url('fonts/ExoRegular-ymMe.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

code {
    color: #3cdcdc;
}

body {
    background-color: black;
    color: white;
    background-image: url("https://www.publicdomainpictures.net/pictures/50000/velka/sunset-background-1371188975Z2h.jpg");
    font-family: normaltext;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.maway {
    margin: 20px 0 0 20px;
}

.lbpfp {
    border-radius: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: title;
}

.infobanner{
    margin: 10px;
    padding: 10px;
    min-height: 300px;
    width: 95%;
    background-color: rgba(11,34,34, 0.7);

    border-radius: 20px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}



.statbox {
    margin: 10px;
    padding: 10px;
    min-height: 160px;
    max-width: 47%;
    background-color: rgba(11,34,34, 0.7);

    border-radius: 20px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}

.gbox {
    margin: 10px;
    padding: 10px;
    min-height: 160px;
    background-color: rgba(11,34,34, 0.7);

    border-radius: 20px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}

.leaderboard {
    margin: 10px;
    padding: 10px;
    min-height: 480px;
    width: 95%;
    background-color: rgba(11,34,34, 0.7);

    border-radius: 20px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}

.fullblock {
    margin: 10px;
    padding: 10px;
    background-color: rgba(11,34,34, 0.7);

    border-radius: 20px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}

nav {
    position: absolute;
    top: 0;
    border-bottom-color: white;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

footer {
    display: flex;
    width: 100%;
    border-top-color: white;
    border-top-width: 1px;
    border-top-style: solid;
    min-height: 100px;
    padding: 20px;
    margin-top: auto;
}

/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #030a0a;
    background-color: #7fd4d4;
    border-color: #70cfcf;
}

.alert-primary hr {
    border-top-color: #5dc9c9;
}

.alert-primary .alert-link {
    color: #000000;
}

.badge-primary {
    color: #fff;
    background-color: #226666;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #153f3f;
}

.bg-primary {
    background-color: #226666 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #153f3f !important;
}

.border-primary {
    border-color: #226666 !important;
}

.btn-primary {
    color: #fff;
    background-color: #226666;
    border-color: #226666;
}

.btn-primary:hover {
    color: #fff;
    background-color: #194b4b;
    border-color: #153f3f;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 102, 102, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #226666;
    border-color: #226666;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #153f3f;
    border-color: #113434;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 102, 102, 0.5);
}

.btn-outline-primary {
    color: #226666;
    background-color: transparent;
    border-color: #226666;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #226666;
    border-color: #226666;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 102, 102, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #226666;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #226666;
    border-color: #226666;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 102, 102, 0.5);
}

.list-group-item-primary {
    color: #030a0a;
    background-color: #70cfcf;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #030a0a;
    background-color: #5dc9c9;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #030a0a;
    border-color: #030a0a;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #70cfcf;
}

.table-hover .table-primary:hover {
    background-color: #5dc9c9;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #5dc9c9;
}

.text-primary {
    color: #226666 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #153f3f !important;
}


/*------------------------------------
- COLOR secondary
------------------------------------*/
.alert-secondary {
    color: #000000;
    background-color: #3cbcbc;
    border-color: #37acac;
}

.alert-secondary hr {
    border-top-color: #319999;
}

.alert-secondary .alert-link {
    color: #000000;
}

.badge-secondary {
    color: #fff;
    background-color: #0B2222;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
    color: #fff;
    background-color: #000000;
}

.bg-secondary {
    background-color: #0B2222 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #000000 !important;
}

.border-secondary {
    border-color: #0B2222 !important;
}

.btn-secondary {
    color: #fff;
    background-color: #0B2222;
    border-color: #0B2222;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #020707;
    border-color: #000000;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(11, 34, 34, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #0B2222;
    border-color: #0B2222;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(11, 34, 34, 0.5);
}

.btn-outline-secondary {
    color: #0B2222;
    background-color: transparent;
    border-color: #0B2222;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #0B2222;
    border-color: #0B2222;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(11, 34, 34, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #0B2222;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0B2222;
    border-color: #0B2222;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(11, 34, 34, 0.5);
}

.list-group-item-secondary {
    color: #000000;
    background-color: #37acac;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #000000;
    background-color: #319999;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #37acac;
}

.table-hover .table-secondary:hover {
    background-color: #319999;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #319999;
}

.text-secondary {
    color: #0B2222 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #000000 !important;
}


/*------------------------------------
- COLOR twitch
------------------------------------*/
.alert-twitch {
    color: #280084;
    background-color: #dbccff;
    border-color: #cdb7ff;
}

.alert-twitch hr {
    border-top-color: #bb9eff;
}

.alert-twitch .alert-link {
    color: #180051;
}

.badge-twitch {
    color: #fff;
    background-color: #4e00ff;
}

.badge-twitch[href]:hover, .badge-twitch[href]:focus {
    color: #fff;
    background-color: #3e00cc;
}

.bg-twitch {
    background-color: #4e00ff !important;
}

a.bg-twitch:hover, a.bg-twitch:focus,
button.bg-twitch:hover,
button.bg-twitch:focus {
    background-color: #3e00cc !important;
}

.border-twitch {
    border-color: #4e00ff !important;
}

.btn-twitch {
    color: #fff;
    background-color: #4e00ff;
    border-color: #4e00ff;
}

.btn-twitch:hover {
    color: #fff;
    background-color: #4300db;
    border-color: #3e00cc;
}

.btn-twitch:focus, .btn-twitch.focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 0, 255, 0.5);
}

.btn-twitch.disabled, .btn-twitch:disabled {
    color: #fff;
    background-color: #4e00ff;
    border-color: #4e00ff;
}

.btn-twitch:not(:disabled):not(.disabled):active, .btn-twitch:not(:disabled):not(.disabled).active, .show > .btn-twitch.dropdown-toggle {
    color: #fff;
    background-color: #3e00cc;
    border-color: #3900bc;
}

.btn-twitch:not(:disabled):not(.disabled):active:focus, .btn-twitch:not(:disabled):not(.disabled).active:focus, .show > .btn-twitch.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 0, 255, 0.5);
}

.btn-outline-twitch {
    color: #4e00ff;
    background-color: transparent;
    border-color: #4e00ff;
}

.btn-outline-twitch:hover {
    color: #fff;
    background-color: #4e00ff;
    border-color: #4e00ff;
}

.btn-outline-twitch:focus, .btn-outline-twitch.focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 0, 255, 0.5);
}

.btn-outline-twitch.disabled, .btn-outline-twitch:disabled {
    color: #4e00ff;
    background-color: transparent;
}

.btn-outline-twitch:not(:disabled):not(.disabled):active, .btn-outline-twitch:not(:disabled):not(.disabled).active, .show > .btn-outline-twitch.dropdown-toggle {
    color: #fff;
    background-color: #4e00ff;
    border-color: #4e00ff;
}

.btn-outline-twitch:not(:disabled):not(.disabled):active:focus, .btn-outline-twitch:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-twitch.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 0, 255, 0.5);
}

.list-group-item-twitch {
    color: #280084;
    background-color: #cdb7ff;
}

.list-group-item-twitch.list-group-item-action:hover, .list-group-item-twitch.list-group-item-action:focus {
    color: #280084;
    background-color: #bb9eff;
}

.list-group-item-twitch.list-group-item-action.active {
    color: #fff;
    background-color: #280084;
    border-color: #280084;
}

.table-twitch,
.table-twitch > th,
.table-twitch > td {
    background-color: #cdb7ff;
}

.table-hover .table-twitch:hover {
    background-color: #bb9eff;
}

.table-hover .table-twitch:hover > td,
.table-hover .table-twitch:hover > th {
    background-color: #bb9eff;
}

.text-twitch {
    color: #4e00ff !important;
}

a.text-twitch:hover, a.text-twitch:focus {
    color: #3e00cc !important;
}



/*------------------------------------
- COLOR twitter
------------------------------------*/
.alert-twitter {
    color: #006485;
    background-color: #cdf2ff;
    border-color: #b8edff;
}

.alert-twitter hr {
    border-top-color: #9fe7ff;
}

.alert-twitter .alert-link {
    color: #003e52;
}

.badge-twitter {
    color: #212529;
    background-color: #01c0ff;
}

.badge-twitter[href]:hover, .badge-twitter[href]:focus {
    color: #212529;
    background-color: #009acd;
}

.bg-twitter {
    background-color: #01c0ff !important;
}

a.bg-twitter:hover, a.bg-twitter:focus,
button.bg-twitter:hover,
button.bg-twitter:focus {
    background-color: #009acd !important;
}

.border-twitter {
    border-color: #01c0ff !important;
}

.btn-twitter {
    color: #212529;
    background-color: #01c0ff;
    border-color: #01c0ff;
}

.btn-twitter:hover {
    color: #212529;
    background-color: #00a5dc;
    border-color: #009acd;
}

.btn-twitter:focus, .btn-twitter.focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 192, 255, 0.5);
}

.btn-twitter.disabled, .btn-twitter:disabled {
    color: #212529;
    background-color: #01c0ff;
    border-color: #01c0ff;
}

.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle {
    color: #212529;
    background-color: #009acd;
    border-color: #008ebd;
}

.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 192, 255, 0.5);
}

.btn-outline-twitter {
    color: #01c0ff;
    background-color: transparent;
    border-color: #01c0ff;
}

.btn-outline-twitter:hover {
    color: #212529;
    background-color: #01c0ff;
    border-color: #01c0ff;
}

.btn-outline-twitter:focus, .btn-outline-twitter.focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 192, 255, 0.5);
}

.btn-outline-twitter.disabled, .btn-outline-twitter:disabled {
    color: #01c0ff;
    background-color: transparent;
}

.btn-outline-twitter:not(:disabled):not(.disabled):active, .btn-outline-twitter:not(:disabled):not(.disabled).active, .show > .btn-outline-twitter.dropdown-toggle {
    color: #212529;
    background-color: #01c0ff;
    border-color: #01c0ff;
}

.btn-outline-twitter:not(:disabled):not(.disabled):active:focus, .btn-outline-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-twitter.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 192, 255, 0.5);
}

.list-group-item-twitter {
    color: #006485;
    background-color: #b8edff;
}

.list-group-item-twitter.list-group-item-action:hover, .list-group-item-twitter.list-group-item-action:focus {
    color: #006485;
    background-color: #9fe7ff;
}

.list-group-item-twitter.list-group-item-action.active {
    color: #212529;
    background-color: #006485;
    border-color: #006485;
}

.table-twitter,
.table-twitter > th,
.table-twitter > td {
    background-color: #b8edff;
}

.table-hover .table-twitter:hover {
    background-color: #9fe7ff;
}

.table-hover .table-twitter:hover > td,
.table-hover .table-twitter:hover > th {
    background-color: #9fe7ff;
}

.text-twitter {
    color: #01c0ff !important;
}

a.text-twitter:hover, a.text-twitter:focus {
    color: #009acd !important;
}


/*------------------------------------
- COLOR discord
------------------------------------*/
.alert-discord {
    color: #002385;
    background-color: #cddaff;
    border-color: #b8cbff;
}

.alert-discord hr {
    border-top-color: #9fb8ff;
}

.alert-discord .alert-link {
    color: #001652;
}

.badge-discord {
    color: #fff;
    background-color: #0145ff;
}

.badge-discord[href]:hover, .badge-discord[href]:focus {
    color: #fff;
    background-color: #0036cd;
}

.bg-discord {
    background-color: #0145ff !important;
}

a.bg-discord:hover, a.bg-discord:focus,
button.bg-discord:hover,
button.bg-discord:focus {
    background-color: #0036cd !important;
}

.border-discord {
    border-color: #0145ff !important;
}

.btn-discord {
    color: #fff;
    background-color: #0145ff;
    border-color: #0145ff;
}

.btn-discord:hover {
    color: #fff;
    background-color: #003adc;
    border-color: #0036cd;
}

.btn-discord:focus, .btn-discord.focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 69, 255, 0.5);
}

.btn-discord.disabled, .btn-discord:disabled {
    color: #fff;
    background-color: #0145ff;
    border-color: #0145ff;
}

.btn-discord:not(:disabled):not(.disabled):active, .btn-discord:not(:disabled):not(.disabled).active, .show > .btn-discord.dropdown-toggle {
    color: #fff;
    background-color: #0036cd;
    border-color: #0032bd;
}

.btn-discord:not(:disabled):not(.disabled):active:focus, .btn-discord:not(:disabled):not(.disabled).active:focus, .show > .btn-discord.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 69, 255, 0.5);
}

.btn-outline-discord {
    color: #0145ff;
    background-color: transparent;
    border-color: #0145ff;
}

.btn-outline-discord:hover {
    color: #fff;
    background-color: #0145ff;
    border-color: #0145ff;
}

.btn-outline-discord:focus, .btn-outline-discord.focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 69, 255, 0.5);
}

.btn-outline-discord.disabled, .btn-outline-discord:disabled {
    color: #0145ff;
    background-color: transparent;
}

.btn-outline-discord:not(:disabled):not(.disabled):active, .btn-outline-discord:not(:disabled):not(.disabled).active, .show > .btn-outline-discord.dropdown-toggle {
    color: #fff;
    background-color: #0145ff;
    border-color: #0145ff;
}

.btn-outline-discord:not(:disabled):not(.disabled):active:focus, .btn-outline-discord:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-discord.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 69, 255, 0.5);
}

.list-group-item-discord {
    color: #002385;
    background-color: #b8cbff;
}

.list-group-item-discord.list-group-item-action:hover, .list-group-item-discord.list-group-item-action:focus {
    color: #002385;
    background-color: #9fb8ff;
}

.list-group-item-discord.list-group-item-action.active {
    color: #fff;
    background-color: #002385;
    border-color: #002385;
}

.table-discord,
.table-discord > th,
.table-discord > td {
    background-color: #b8cbff;
}

.table-hover .table-discord:hover {
    background-color: #9fb8ff;
}

.table-hover .table-discord:hover > td,
.table-hover .table-discord:hover > th {
    background-color: #9fb8ff;
}

.text-discord {
    color: #0145ff !important;
}

a.text-discord:hover, a.text-discord:focus {
    color: #0036cd !important;
}