@use './colors' as *;
@use './responsive' as r;
@use './sizes';

#header {
    .text {
        background-color: $green;
        display: flex;
        justify-content: center;

        padding: 5px 0px;

        .logo-link {
            max-width: 85%;

            @include r.normal {
                max-height: 100px;
            }

            img {
                width: 100%;
                height: 100%;
            }
        }

    }

    .track {
        height: 50px;
        background-image: url('../images/track.png');
        background-repeat: repeat-x;
        background-size: contain;
    }

    .black-background {
        display: none;

        @include r.normal {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: sizes.$left-menu-width;
            height: 100%;
            background-color: $black;
            z-index: -1;
        }
    }
}