body{
    font-family: var(--font-text);
    font-size: var(--fs-p);
    line-height: var(--lh-p);
    letter-spacing: var(--ls-p);

    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

@font-face {
    font-family: 'DoblaSans-Regular';
    src: url(../fonts/Dobla-Sans-Regular.woff2) format('woff2'),
         url(../fonts/Dobla-Sans-Regular.woff) format('woff');
    
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anton';
    src: url(../fonts/Anton-Regular.woff2) format('woff2');
    
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url(../fonts/Merriweather-Variable.woff2) format('woff2');

    font-style: normal;
    font-display: swap;
}


h1{
    /* główny nagłówek */
    color: var(--color-hover);
    font-family: var(--font-title);
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    letter-spacing: var(--ls-h1);

    margin:0;
    display: block;

}

h2,h3,h4,h5,h6, .navA, .navTBA{
    font-family:var(--font-headingAndButtons);
    margin:0;
    font-weight: 100;
    font-style: normal;
}
h2{
    /* nagłówki artykułów */
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    letter-spacing: var(--ls-h2);
}
h3{
    /* nagłówki rozdziałów */
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    letter-spacing: var(--ls-h3);
}
h4{
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
    letter-spacing: var(--ls-h4);
}
h5{
    font-size: var(--fs-h5);
    line-height: var(--lh-h5);
    letter-spacing: var(--ls-h5);
}
h6{
    /* data i nawiązania  i wykorzystuje do podpisu tytulu */
    font-size: var(--fs-h6);
    line-height: var(--lh-h6);
    letter-spacing: var(--ls-h6);
}

.navA, .navTBA{
    text-decoration: none;
    color: var(--color-text);

    font-size: var(--fs-a);
    line-height: var(--lh-a);
    letter-spacing: var(--ls-a);

    display: inline-block;
    padding: 0rem 1rem 0rem 1rem;

}
.oCzymJestStronaWJednymZdaniu{
    color: var(--color-hover);
    font-family:var(--font-headingAndButtons);
    font-size: var(--fs-h6);
    line-height: var(--lh-h6);
    letter-spacing: var(--ls-h6);
    margin:0px 0px 20px 0px;
    display: block;


}