footer {
    background-color: #660099; /* Purpurowe tło */
    color: #ffffff;
    text-align: center;
    padding: 20px 10px;
    font-family: 'Roboto', sans-serif;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer a {
    color: #FFD700; /* Złoty kolor linków */
    text-decoration: none;
    background-color: #333333; /* Ciemne tło dla guzików */
    border-radius: 5px;
    padding: 10px 20px;
    display: inline-block; /* Styl guzików */
    transition: background-color 0.3s;
}

footer a:hover {
    background-color: #222222; /* Ciemniejsze tło guzików przy najechaniu */
    text-decoration: none; /* Usunięcie podkreślenia przy najechaniu */
}

footer nav ul {
    list-style-type: none;
    padding: 0;
}

footer nav ul li {
    display: inline;
    margin: 0 10px;
}

footer p {
    margin: 10px 0;
}

footer i.fa-heart {
    color: red;
    margin: 0 5px;
}