﻿html {
    background-color: #000 !important;
}
body {
    background-color: transparent !important;
}

.Header {
    color: var(--Header);
    background-color: var(--HeaderBg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
}
    .Header section {
        display: flex;
        align-items: center;
    }
        .Header section img {
            margin-right: 5px;
        }
        .Header section i {
            margin-right: 5px;
            font-size: 30px;
            color: var(--Logo);
        }
        .Header section p {
            margin: 0px;
            font-size: 25px;
            font-weight: bold;
            color: var(--Logo);
        }

    .Header h1 {
        font-size: 24px;
        margin: 0px;
    }

    .Header div i {
        font-size: 20px;
        cursor: pointer;
        padding-left: 5px;
    }

    .Header div span {
        font-size: 12px;
    }

.SmallView .Header h1 {
    display: none;
}

.NoLargeContent .Body2 {
    background-color: var(--ContentBg);
}

.Trailer {
    color: var(--Trailer);
    background-color: var(--TrailerBg);
}
    .Trailer:empty {
        display: none;
    }
    .Trailer > div {
        display: inline-block;
        position: fixed;
        white-space: nowrap;
    }
