body {
    background-image: url("asfalt-texture.png");
    background-color: #222831;
    color: #EEEEEE;
    min-height: 100vh;
    margin: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.margined-item {
    margin: 0% 3%;
}

.nav-link {
    color: #EEEEEE;
}

footer,
.footer-link {
    color: gray;
}

.stormgate-navbar-brand.navbar-brand.permanent-marker-regular {
    color: #AC7115;
}

header {
    min-height: 50px;
}

footer {
    min-height: 50px;
    margin: 0% 3%;
}

.landing-page-container {
    margin-top: 5%;
    margin-left: 3%;
    margin-right: 3%;
}

#twitch-embed {
    min-width: 340px;
    min-height: 400px;
}

.title-info {
    margin-top: 3%;
    margin-left: 5%;
}

.navbar-toggler {
    border-color: white;
    border-width: medium;
}

.fa-bars,
.dropdown-item {
    color: white;
}

.tiny-text {
    font-size: 10px;
}

.dropdown-item:hover {
    background-color: #a8afbb;
}

.permanent-marker-regular {
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
}

nav,
.dropdown-menu,
div.dtfh-floatingparent.dtfh-floatingparent-head>div>table,
#dataTable thead,
div.dt-button-collection,
.dtsb-dropDown>option,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value,
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
    background-color: #31363F;
}

.navbar-brand {
    color: #76ABAE;
}

#navbarNav>ul>.nav-link {
    color: #EEEEEE;
}

.nav-link:hover {
    color: #508C9B;
}

.navbar-brand {
    padding-left: 1%;
}

.hidden {
    display: none;
}

div.sbpopover {
    min-width: 700px;
}

.fa-circle-question {
    display: inline;
    margin-left: 0.2em;
}

.no_wrap {
    white-space: nowrap;
}

.dt-button-collection .dtb-collection-closeable {
    width: 50%
}

.info_panel {
    /*Add a margin top to ensure easier viewing when moving mouse down from hovering over to display info*/
    margin-top: 0.5%;
    background-image: url("asfalt-texture.png");
    padding: 1% 0.5%;
    white-space: wrap;
    position: absolute;
    background-color: #31363F;
    border-radius: 10px;
    max-width: 500px;
    border: solid;
    border-color: #EEEEEE;
    border-width: medium;
}

.data-table {
    width: 98%;
    margin: auto;
}

.dataTables_length {
    display: always;
}

.dt-type-numeric {
    text-align: left !important;
}

img.enhanceable {
    transition: transform 0.25s ease;
}

img.enhanceable:hover {
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
}

.info_hover_over {
    border-bottom: 1px dotted #EEEEEE
}

img {
    border-radius: 10px;
    min-width: 75px;
    min-height: 75px;
    max-width: 100px;
    max-height: 100px;
}

img.icon {
    min-width: 25px;
    min-height: 25px;
    max-width: 30px;
    max-height: 30px;
}

.info_panel>img {
    border-radius: 20px;
    max-width: 125px;
    max-height: 125px;
}