body {
    background-color: #DADADA;

    background-image: url(images/bg.png);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

#homePage {
    min-width: 550px;
}

#logoBanner {
    position: relative;

    -webkit-box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);

    margin: 1rem 0;
    padding: 1em 1em 80px 1em;

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    font-family:monospace;
    text-shadow: 0 0 20px #161616;
    text-align: center;
}
#logoBanner img {
    display:block;
    height:200px;
    border-radius:15px;
    margin: 25px auto;
}
#logoBanner h1 {
    color:#fff;
    background-color:#3338;
    margin:0;
}
#logoBanner h3 {
    color:#aaa;
    background-color:#0008;
    margin:0;
}

.margin-x-auto, .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}

.text-white {
    color: #eee !important;
}

.text-bold {
    font-weight: bold !important;
}

.center.menu {
    display: flex;
    margin-left: auto !important;
    margin-right: auto !important;
}

#loginPage .grid {
    height: 100%;
}

/* #loginPage .image {
    margin-top: -100px;
} */

#loginPage .column {
    max-width: 450px;
}


#mmenu {
    margin-top: 15px;
    background-image: url(images/dirt_side.jpg);
    background-size: contain;

    position: sticky;
    top:-2px;

    z-index: 1000;
}

#mmenu .item {
    margin: 5px;
    border-radius: 5px;
    background: #00000075;
}

#mmenu .item:hover {
    margin: 5px;
    border-radius: 5px;
    background: #00000085;
}

#mmenu .item.active {
    margin: 5px;
    border-radius: 5px;
    background: #00000095;
}

#page {
    margin:25px 25px;
}

#page .grid .card .content {
    overflow: hidden;
}

#footer {
    margin:25px 25px;

    text-align: center;
    opacity: 0.5;
}
#footer:hover {
    opacity: 1;
}

.image-headers-blocks h4.ui.image.header.block {
    margin-bottom: 5px;
}

.meta-player .ui.small.compact.button {
    margin-top: 3px;
}