html, body {
    height: 100%;
    margin: 0;
    background-color: #001023;
    background-image: url('../img/bg-workshop.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#hero-banner {
    color:white;
}

h1 {
    font-family: "Russo One", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.stripe {
    height: 100px;
}

.stripe::after {
    content: "";
    position: absolute;
    top: 25px; /* odsunięcie od góry, żeby pasek był w środku żółtego paska */
    left: 0;
    width: 100%;
    height: 50px; /* wysokość czarnego paska */
    background-image: repeating-linear-gradient(
            45deg,        /* kąt pasków */
            white 0 35px,  /* szerokość czarnego segmentu */
            transparent 35px 80px /* przerwa 2x szerokości segmentu */
    );
    z-index: 1; /* nad żółtym tłem, pod tekstem */
}