@font-face {
    font-family: 'Feeling Passionate';
    src: url('nazwa.otf') format('truetype');
}

h1 {
    color: purple;
    font-family: 'Feeling Passionate', Feeling-Passionate;

}
h2 {
   background-color: yellow;
}

.jeden {
    font-size: 30px;
}
.dwa {
    color: sienna;
}

.nawigacja {
    background-color: #333;
    padding: 10px 15px;
}

.nawigacja ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.nawigacja a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 14px;
    border-radius: 4px;
    white-space: nowrap;
}

.nawigacja a:hover {
    background-color: #575757;
}

.nawigacja .active {
    background-color: #4caf50;
}