/*

--kk-niebieski: #7aadff;
--kk-zielony: #45f745;
--kk-zolty: #f7e945;
--kk-czerwony: #ff2e2e;


https://paletton.com/#uid=20k0u0k9OoB2ZCL6btedvkEgZfK
*/

:root {

--k-tekstu: #000;
--k-linku: #275346;
--k-linku-hover: var(--k-drugi);


--k-pierwszy: #ed4c9f;
--k-pierwszy-jasny: #be1d70;
--k-pierwszy-ciemny: #9b004d;



--k-szary: #f7f7f7;
--k-szary-jasny: var(--k-kosc-sloniowa);
--k-szary-ciemny: #A9A9A9;

--k-czarny: #000;
--k-bialy: #fff;

--k-header: #c49d88;
--k-header-ciemny: #7D523B;
--k-footer: #151515;

--k-czerwony: #ed4c9f;
--k-zielony: #84ac04;
--k-zolty: #ff0;
--k-niebieski: #00a0e3;
--k-niebieski-ciemny: #0078bb;


--kk-niebieski: #7aadff;
--kk-zielony: #45f745;
--kk-zolty: #f7e945;
--kk-czerwony: #ff2e2e;





/* ----------------------------------------- */

--border-kolor: var(--k-header);
--border: 1px solid var(--k-szary);
--border-2: 2px solid var(--border-szary);


/* ----------------------------------------- */
--trans: color .5s ease, border-color .5s ease, background-color .5s ease, text-decoration-color .5s;
--trans-widac: visibility .5s ease, opacity .5s ease;
--trans-transform: transform .5s ease;
--trans-svg: transition: fill 5s ease;
--trans-gradient: background-image 5s linear;



--gradient: linear-gradient(90deg,var(--k-pierwszy-jasny) 50%, var(--k-pierwszy-ciemny) 100%);
--gradient-odwrotny: linear-gradient(90deg, var(--k-pierwszy-ciemny) 50%, var(--k-pierwszy-jasny) 100%);

--gradient-pasy: linear-gradient(184deg, var(--k-pierwszy-jasny) 0%, var(--k-pierwszy-ciemny) 25%, var(--k-pierwszy-jasny) 50%, var(--k-pierwszy-ciemny) 75%, var(--k-pierwszy-jasny) 100%);

--cien: 0 0 20px #000;
--cien-10: 0 0 10px #000;

--o: 20px;
--o-2: 40px;
--o-3: 60px;
--o-4: 80px;
--o-5: 100px;
--o-gora: 40px;
--o-pol: 10px;
--o-cwierc: 5px;
--o-minus: -20px;

--przycisk-wysokosc: 30px;

--sz: 1220px;
--sz-plus: 1260px;
--sz-minus: 1180px;
--sz-tresc: 800px;
--sz-tresc-plus: 840px;

--h1: 40px;
--h2: 22px;
--h3: 18px;
--h4: 17px;
--h5: 16px;

--ha: 400 var(--h1) 'DynaPuff', Arial, sans-serif;

--f-body: 16px;
--f-small: 14px;
--f-big: 18px;
--f-menu: 400 16px 'DM Sans', serif;
--f-normal: 400;
--f-bold: 600;
}
@media (min-width: 600px) {
:root {
--o-gora: 48px;
}
}
@media (min-width: 800px) {
:root {
--h1: 40px;
--h2: 30px;
--h3: 23px;
--h4: 20px;
--h5: 17px;
--f-body: 17px;
--f-small: 15px;
--o-gora: 64px;
}
}
@media (min-width: 1240px) {
:root {
--h1: 60px;
--h2: 50px;
--h3: 40px;
--h4: 24px;
--h5: 20px;
--f-body: 18px;
--f-small: 16px;

--o-gora: 80px;
}
}





* {margin: 0;padding: 0;border: 0;}
ol, ul {list-style: none;}
*, :before, :after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
@-ms-viewport {width: device-width;}
html {scroll-behavior: smooth;}

body {
	background-color: #fafafa;
	color: var(--k-tekstu);
	font-family: Arial, sans-serif;
	font-size: var(--f-body);
	line-height: 1.5;
	font-weight: 400;
	overflow-y: scroll;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	padding-top: 90px;
}
.big {
	text-align: center;
	background: var(--k-pierwszy-ciemny);
	background: var(--gradient-pasy);
}
.big_img {
	animation: ubot 1s forwards;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "DynaPuff", system-ui;
	font-weight: 400;
}

h1 {
	font-size: var(--h1);
	margin-bottom: var(--o-2);
	line-height: 1.2;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	color: var(--k-czerwony);
	text-align: center;
}

h2:not([class]) {
	font-size: var(--h2);
	margin-bottom: var(--o-2);
}
.tresc h2:not([class]) {font-size: var(--h2)}
.tresc h3:not([class]) {font-size: var(--h3)}
.tresc h4 {font-size: var(--h4)}
.tresc h5,
.tresc h6 {font-size: var(--h5)}



a {
	text-decoration: none;
	transition: var(--trans);
	color: var(--k-drugi);
}
a:hover,
a:focus {
  text-decoration-style: solid;
}

.skipLink {
  display: block;
  width: 180px;
  height: 40px;
  line-height: 37px;
  left: -9000em;
  position: absolute;
  text-align: center;
  text-decoration: none;
  z-index: 200;
  border-radius: var(--radius-5);
  position: absolute;
  top: 0;
}

.skipLink:focus {
  background: var(--k1);
  left: 50%;
  margin-left: -90px;
  color: #000;
}

hr {
  border: 0;
  border-bottom: 1px solid #b7c2d6;
  margin: 40px 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
svg {
	transition: fill .4s ease;
	max-width: 100%;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}
p + p {
	margin-top: var(--o);
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.btn {
	background-color: var(--k-pierwszy-ciemny);
	background-image: var(--gradient-odwrotny);
	transition: var(--trans-gradient);
	color: var(--k-bialy);
	line-height: var(--o-2);
	padding: 0 var(--o-pol);
	cursor: pointer;
	transition: var(--trans);
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: var(--o);
	font-size: var(--o);
	border-radius: var(--o);
}
.btn:hover {
	background-image: var(--gradient);
}



.przycisk {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: var(--trans);
	line-height: var(--przycisk-wysokosc);
	font-weight: var(--f-bold);
	color:var(--k-bialy);
	background: var(--k-czerwony);
	background: var(--gradient);
	width: 200px;
}
.przycisk:hover,
.przycisk:focus {
	background: var(--k-czerwony-jasny);
	background: var(--gradient-odwrotny);
}

.wasko {
	max-width: var(--sz);
	margin: 0 auto;
}


@keyframes ubot {
	from {opacity: 0}
	to {opacity: 1}
}

.aA,
.aK {
	padding: var(--o) var(--o) 0;
}
nav + .aA {
	padding-top: 0;
}


@media (min-width: 1000px) {
body {padding-top:110px}


}
@media (min-width: 1240px) {
body {padding-top:130px}
.aA,
.aK {
	margin: 0 auto;
	padding: 0;
}

.aA {
	width: var(--sz-tresc);
}
.aK {
	width: var(--sz);
}

.aK h1 {
	margin-top: var(--o-2);
}



}




/* */




.circus-tent {
  background: repeating-linear-gradient(
    45deg#ff0000#ff0000 10px#ffffff 10px#ffffff 20px
  );
}