.banner-container {
    width: 100%;
    position: relative;
    z-index: 999;
}

.banner-notification {
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.banner-notification.banner-maintenance {
    background-color: #cc0000;
    overflow: hidden;
}

.banner-notification.banner-maintenance span {
    display: inline-block;
    white-space: nowrap;
    animation: banner-scroll-left 15s linear infinite;
}

@keyframes banner-scroll-left {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.banner-notification.banner-sunset {
    background-color: #e68a00;
}

.banner-notification.banner-release {
    background-color: #0C497D;
}

.banner-notification.banner-info {
    background-color: #0C497D;
}