@keyframes rotateBackground {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}


.pozadie {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /* background:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.935), rgba(255, 255, 255, 0)),
        url('../img/felix-mittermeier-ihbqhutI9x4-unsplash.jpg'); */
    position: absolute;
    background-size: 100%;
    height: 300%;
    width: 300%;
    top: -100%;
    left: -100%;
    z-index: -2;
    /* animation: rotateBackground 200s linear infinite; */
}

@keyframes slide-open {
    0% {
        max-height: 0;
    }
    100% {
        max-height: 500px;
    }
  }

@keyframes slide-close {
    0% {
        max-height: 500px;
    }
    100% {
        max-height: 0;
    }
  }

.mobile-menu {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: all 1s;
}

.open {
    display: block;
    max-height: 500px;
    animation: slide-open 0.3s ease-in;
}

.close {
    display: block;
    max-height: 0;
    animation: slide-close 0.3s ease-out;
}