body {
    background-color: #ffffe6;
    /* Ustawienie minimalnej wysokości body na 100% viewportu */
    /* oraz flexbox, aby stopka zawsze była na dole, jeśli treść jest krótka */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Styl dla głównego kontenera aplikacji, aby rozciągał się na całą dostępną przestrzeń */
main {
    flex-grow: 1;
}

.navbar {
    min-height: 40px;
    font-size: 15px;
}

.sekcja1 {
    height: auto;
    width: auto;
    text-align: left;
    border-color: blue;
    border-width: 1px;
    margin-top: 45px; /* odsuwa treść od fixed-top navbara */
    margin-left: 5px;
    margin-right: 1px;
    margin-bottom: 5px;
    padding: 20px; /* Dodany padding dla lepszego wyglądu */
}

/* Styl dla ikon w list-group (w sekcji Zadania 8) */
.list-group-item img {
    vertical-align: middle; /* Wyrównuje ikonę do środka tekstu */
    margin-right: 8px; /* Odstęp między ikoną a tekstem */
}

/* Styl dla ikon w navbarze */
.navbar-nav .nav-item .nav-link img {
    vertical-align: middle;
    margin-right: 5px;
}

.page-footer {
    height: 21px;
    width: auto;
    font-size: 11px;
    color: blue;
    border: solid;
    border-width: 1px;
    border-color: blue;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    padding: 5px; /* Dodany padding dla stopki */
    text-align: center; /* Wyśrodkowanie tekstu w stopce */
}