body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #8b15ba; /* Kolor tła body */
}

.kontener {
    max-width: 1200px; /* Maksymalna szerokość kontenera */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
    padding: 20px;
    background-color: #fff; /* Kolor tła kontenera */
}

.obrazek {
    max-width: 100%; /* Obrazek skalowany do szerokości kontenera */
    height: auto; /* Zachowanie proporcji obrazka */
    display: block; /* Wyświetlanie obrazka jako bloku */
    margin: 0 auto; /* Wyśrodkowanie obrazka */
}

footer {
    background-color: #8b15ba; /* Kolor tła stopki */
    color: #fff; /* Kolor tekstu w stopce */
    text-align: center; /* Wyśrodkowanie tekstu w stopce */
    padding: 10px;
}

footer a {
    color: #fff; /* Kolor linków w stopce */
    text-decoration: none; /* Usunięcie podkreślenia z linków */
}

footer i.fab::before {
    margin-right: 5px; /* Odstęp między ikoną a tekstem */
}