/* Reset podstawowych marginesów */

/* Zmienne (priorytety wczytywania)*/
/* 
    Zmienne w style.css:
        blue        Priorytet: 2
        yellow      Priorytet: 3
        orange      Priorytet: 5
    W index.html
        red         Priorytet: 4
        green       Priorytet: 1 (Najniższy priorytrt)
*/

/*
.main-tittle
{
    color: blue;       Priorytet: 2 
}


h1
{
    color: yellow;    Priorytet: 3
}
*/


#my-main-header
{
    color: orange    /*  Priorytet: 4*/
}


.menu-poziome
/*ul*/
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;  /*Układa elementy w poziomie*/
    background-color: #333;
}

.menu-poziome li
{
    margin: 0;
}

.menu-poziome li a
{
    display: block;
    color: white;
    text-decoration: none;
    padding: 14px 20px;
    font-family: Arial, sans-serif;
    transition: background-color 0.3s;
}

.menu-poziome li a:hover
{
    background-color: #111;
}