/* Komentarz: Zmienia kolor tekstu i tła całej strony */
body {
    background-color: #ffffff;
    font-family: Roboto Condensed, sans-serif;
    margin: 20px;
}

/* Styl dla nagłówków h1 */
h1 {
    font-family: Roboto Condensed, sans-serif;
    color: #fofofo;
    font-size: 3em;
    text-align: center;
}

h2 {
    font-family: Roboto Condensed, sans-serif;
    color: #fofofo;
    font-size: 2em;
    text-align: center;
}

h3 {
    font-family: Roboto Condensed, sans-serif;
    color: #fofofo;
    font-size: 1.5em;
    text-align: center;
}

/* Styl dla paragrafów */
p {
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Styl dla wszystkich linków */
a {
    color: #0056b3;
    text-decoration: none;
}

/* Styl dla linków po najechaniu kursorem */
a:hover {
    text-decoration: underline;
    color: #0056b3;
}

/* Styl dla elementów o klasie "info-box" */
.info-box {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
}

/* Podstawowe stylowanie */
nav ul {
    list-style: none; /* Usuwa kropki */
    padding: 0;
    margin: 0;
    background-color: #333; /* Tło dla całego menu */
    overflow: hidden; /* Dla float */
}

nav li {
    float: left; /* Układa elementy w poziomie */
}

nav li a {
    display: block; /* Cały element jest klikalny */
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none; /* Usuwa podkreślenie linku */
}

/* Efekt przy najechaniu myszą */
nav li a:hover {
    background-color: #555;
    color: white;
    text-decoration: none;
}

/* Dla menu pionowego (bocznego) - po prostu usuń float: left; */
/* nav li { display: block; } */

#top {
   background-color: #ffffff;
   padding: 10px 20px 10px 20px;
}

#middle {
   background-color: #fffff;
   padding: 10px 20px 10px 20px;
}

#bottom {
   background-color: #fffff;
   padding: 10px 20px 10px 20px;
}