:root {
	--kursorDef: url("/misc/cusor/cursor.png");
	--kursorEvent: url("/misc/cusor/cursorClick.png");
	--kursorGrab: url("/misc/cusor/cursorGrabk.png");
	--kursorWrite: url("/misc/cusor/cursorWrite.png");
	--kursorBlock: url("/misc/cusor/cursorBlock.png");
	--kursorLoadBg: url("/misc/cusor/loadinginBg.gif");
	--kursorLoad: url("/misc/cusor/loading.gif")
}


img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  
}

html {
	cursor: var(--kursorDef), auto;
}

a {
	cursor: var(--kursorEvent), auto;
}


#uwaga p {
	  display: block;
    border: 5px solid black;
   width:50vw;
   background-image: url(misc/taśmaKwadrat2.png);
   font-weight: bold;
   color:#9e2835;
   font-size: 2vw;
   text-shadow: -3px 0 3px black, 0 3px 3px black, 3px 0 3px black, 0 -3px 3px black;
    text-align:center;

        
}


/*"w budowie" banner*/
#uwaga {
         
 position:fixed;
 transform: rotate(45deg);
    right:-18.5%;
    top:5%;
 }
/*"w budowie" banner*/

 /*Garderoba*/
  #GarderobaWlacznik {
  position: absolute;
  top: 2%;
  left: 4%;
  width: clamp(48px, 6vw, 160px);
  aspect-ratio: 160 / 260;
  z-index: -98;
  cursor: var(--kursorEvent), auto;
}

#GarderobaWlacznik img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 0%;
  overflow: hidden;
}

 /*Garderoba*/





        /* Outline */
        .Outline {
          opacity: 0;
		  
        }
        
    
         /* Outline */

  @keyframes Miganie {
        from {opacity:0;}
        to {opacity:1;}
      }



        /* template do archiwów */

.template * {
	box-sizing: border-box;
}
.template body {
	margin:0;
	position:relative;
	

}

.template header  {
	
	display:block;
	height: 70vh;
	transition: height 0.5s ease-in-out, overflow 0.1s 2s;
	font-family: 'Geist Pixel', sans-serif;
	position:relative;
	overflow-y:hidden;
	overflow-x: auto;
	background-color: #181425;
	border: 10px solid #743f39;
	
	
	
}
.template header:has(#hack:checked) {
	height:0;
	
	

}
.template header:has(#hack:checked) ~ #znakdrugi  {
	top:-0.1%;
	transition: top 0.5s 2s;
}

.template header:has(#hack:checked) ~ #znakdrugi:hover  {
transition: top 0.5s 0s;
top:0;
}
.template #container {
	width: 100%;
	height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	
	
	
}

.template #container p {
	text-indent: 10%;
	font-size:0.8vw;             /*12pt;*/
	text-decoration: underline;
	
}

.template #container h1 {
	font-size: 1vw;                      /*20pt; */
}

.template #container section {
	width:20%;
	position: absolute;
}

.template #kartki {
position: relative;	
z-index:2;
overflow:hidden;
flex:0 0 50%;
height:100%;
}

.template #kartki img[alt="kartki"] {width:100%; height:105%;position:absolute;top:0;left:0;}

.template #kartki img[alt="ramka"] { width:calc(32 * 100% / 119); height:calc(65 * 100% / 119);  position:absolute;  left:calc(84 * 100% / 119); top:calc(7 * 100% / 119);}

.template #kartki #ramka { width:calc(22 * 100% / 119); height:calc(53 * 100% / 119); position:absolute; left:calc(89 * 100% / 119); top:calc(13 * 100% / 119);}

.template #kartki img[alt="plakat"] { width:100%; height: 100%;}

.template #kartki #tytul {top:5%;right: 38%;}

.template #kartki #autor {top:20%;right:36%;}

.template #kartki #data {top:35%;right:34%;}

.template #kartki #opis {top:63%;right:1%; min-width:60%;height:30%;}

.template #kartki #opis p {text-decoration:none;}

.template #kartki #pdf {top:60%;right:15%; width:10%;}

.template #kartki #pdf img {width:25%;}

.template input#hack {display:none}

.template #znakpierwszy img {cursor: pointer;width:100%;}


.template #znakpierwszy  {
	position:absolute; 
	display:block;
	right:20%; 
	bottom:-5%;
	z-index:5; 
	width:5%; 
	cursor: pointer;
	transition: bottom 0.5s 2s;
	
}

.template #znakpierwszy:hover {
	bottom:-1%;
	transition: bottom 0.5s;
}

.template #znakdrugi {
	
	top:-5%;
	position:absolute; 
	right:20%; 
	z-index:4; 
	width:5%;
	display:block;
}

.template #znakdrugi img {transform:rotate(180deg); width:100%; cursor:pointer;}


.template #powrot img {position:absolute; top:2%; left:1%; width:7%; z-index: 10;}

.template .Outline {position:absolute; top:2%; left:1%; width:7%;z-index: 5;}

.template #powrot:hover + .Outline {
	animation: Miganie 1s linear infinite alternate;	
}



.template main {
	
	color:white;
	background-color:#262626;
	padding: 7%;
	word-wrap: break-word;
	position: relative;
	height:100%; 

}


.template .duze {
	font-size: 22.0pt;
	margin-top: 12.0pt;
	margin-right: 0cm;
	margin-bottom: 12.0pt;
	margin-left: 0cm;
	line-height: 150%;
	text-align: center;
}

.template .navigacja {
	
	display:block;
	margin: 0;
	padding:0;
	position:sticky;
	top:5%;
	height:5px;
	text-align: right;
  font-size:16px;
}

.template .navigacja a {
	text-decoration: none;
	color:white;
	opacity: 0.2;
	display:block;
}

.template .navigacja a:hover {
	opacity: 1;
	transform:translateX(-10%);
}

.template .navigacja ul {
	position: absolute;
	list-style-type: none;
	top:0;
	right:-5%;
}

.template .navigacja li {
	margin-top: 5%;
		
	}

         /* template do archiwów */