.navbar ul {
    font-size: 50px; /* Dodaj jednostkę 'px' */
    list-style-type: none;
    background-color: #1c1d24;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; 
    justify-content: flex-end; 
}

.navbar li {
    float: none; /* Usuń float */
    margin: 0;
}

.navbar a {
    font-size: 23px;
    color: beige;
    text-decoration: none;
    padding: 20px 30px;
    display: block;
    text-align: center;
}

.navbar a:hover {
    color: aqua;
}

main {
    display: flex;
    flex-wrap: nowrap; 
    gap: 20px;
    justify-content: space-between; 
}


.Section1 {
    width: 50%; 
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: left;
}

.Section2 {
    width: 50%; 
    display: flex;
    justify-content: space-between; 
    gap: 10px; 
}

.box {
    display: flex;
    justify-content: space-between;
    width: 100%; 
}

.box1, .box2 {
    width: 45%; /* Każdy box zajmuje 25% szerokości sekcji */
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 20px;
}