@font-face {
  font-family: "new1";
  font-style: normal;
  src: url("font/C27122025-v1-Regular.woff") format("woff"), url("font/C27122025-v1-Regular.otf") format("opentype");
  font-display: block;
}


body {margin:20px 20px 100vh 20px; background:#f8f8f9; font-size:52px; letter-spacing:6px; font-family:"new1", sans-serif; line-height:1.2em; overflow-x:hidden;}


a {text-decoration:none; color:#999; }


p {display:inline; }



.name {display:inline;}
.name a {color:#000}

.description {display:inline;}
.description a {color:blue}



.znika {animation: blink 7s infinite;}

@keyframes blink {
            0% {
                opacity: 1;
            }

            30% {
                opacity: 0;
            }
            
            60% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }



.strona {display:inline; color:#999}


.pager,
.index {display:inline; }

.pager a {color:green;}
.pager a:hover {color:green}


.active {}

.index a.active {color:#333;}

.pager a.active {color:green; }

.pager a:hover {color:#000}

.pager a.active:hover {color:green}


.active .tytul {display:none}


.pager:before,
.index:before {content:'_'; font-size:80%; letter-spacing:0px; margin:0 -5px }




.hyphens {hyphens:auto}

.index a:hover {color:#333;}

/* .index a.active:hover {color:#ccc} */

a.active .tytul {display:none}


.wpis {display:inline;}


.decor {max-width:80%}

.stopka {margin-bottom:60vh}

   
@media screen and (max-width:1380px) {
   
body {font-size:49px; letter-spacing:4px;}
   
.decor {max-width:65%}
   
   
} 

   
  
@media screen and (max-width:768px) {
   
body {margin:10px;  font-size:45px; line-height:1.15em; letter-spacing:2px;}
   

   
.decor {max-width:55%}
   
.stopka {margin-bottom:0}
   
}