* { -webkit-tap-highlight-color:transparent; }
:root { --pasek-grubosc:4px; } /* grubość pasków i ustawienia przycisku */
html { margin:0; padding:0; width:100%; overflow-y:scroll; /* zapobiega pojawianiu się paska przewijania podczas animacji; rezerwuje miejsce na pasek */ }
body { font-family:tinosregular; font-style:italic; margin:0; padding:0; width:100%; line-height:1.6; background-color:rgb(250, 250, 250); color:rgb(90, 90, 90); }
header { padding-top:20px; padding-bottom:30px; }
h1 { color:rgb(170, 170, 170); font-size:20px; letter-spacing:20px; font-style:italic; font-weight:400; line-height:20px; text-shadow:4px 4px 8px rgb(190, 190, 190); margin-bottom:30px; }
h2 { font-size:17px; font-style:italic; font-weight:bold; line-height:17px; margin-top:60px; margin-bottom:30px; }
a { font-weight:normal; text-decoration:none; letter-spacing:1px; outline:none; }
a:link, a:active, a:visited { color:rgb(0, 161, 59); }
a:hover { color:rgb(90, 90, 90); }
a.odnosnik_logo { display:contents; }

.logo { max-width:200px; height:auto; }
.strona { max-width: 800px; margin: 0 auto; padding: 20px; }
.sekcja { position:relative; padding-left:calc(var(--pasek-grubosc) + 20px); margin-bottom:60px; }
.pasek { position:absolute; left:0; top:0; width:var(--pasek-grubosc); height:100%; }
.pasek.szary { background-color:rgb(180, 180, 180); }