body{margin:0;padding:0;background:#f8b9cc;font-family:Arial,sans-serif;font-size:calc(12px + 10 * (100vw - 320px) / 1600);}

#page{overflow:auto;-webkit-overflow-scrolling:touch}

h1{
  margin:10px 0 10px;  
  text-align:center
  }  

h1,h2,h3,h4{clear:both}

.main{
  border:#f8b9cc ridge 5px;
  padding:0 10px;
  margin:0 0 5px;
  background:#f5f5f5;
  text-align:justify
  }

img.dead,img.life{width:160px;height:207px;float:left;margin:0 10px 5px 0}

img.dead{
  border:#000 ridge 5px;
  }

img.life{
  border:#f8b9cc ridge 5px;
  }

.help{
  border:0;
  text-align:center;
  clear:both
  }

li{
  line-height:1.5;  
  }

li.non{list-style-type:none}

ul{margin-left:-20px}
ol{margin-left:-10px}

hr{border:none;background-color:#f8b9cc;height:1px;clear:both}

#biography hr{height:5px}

.cen{
  text-align:center
  }

p{
  text-indent:1em;
  line-height:1.5;  
  }

.googlereklam{text-align:center;margin:5px auto;
/*min-width: 300px; min-height: 250px;
background-image:url('sp_backgr.gif');*/
display:none;}

.verses p{
  font-style:italic;  
  clear:both
}

.verses h3{}

pre{
  font-weight:bold;
  font-family:Arial,sans-serif;
  line-height:1.5;
  clear:both}
  
pre.nobold{
  font-style:italic;
  font-weight:400;
  font-family:Arial,sans-serif;
  float:right;
  text-align:left}

/*.may{text-indent:1em;font-size:0.9em}*/

b{font-style:normal;font-weight:600}
em{font-style:normal;color:#ff0000}
i{font-style:italic;font-weight:800}

.r{font-style:normal;color:#ff0000;font-weight:600}


a:link{color:#000000;padding:3px;text-decoration:none;font-weight:600}
a:visited{color:#0000ff;text-decoration:none}
a:hover{color:#ff0000;text-decoration:none}
a:active{color:fuchsia}

#biography,#literatura,.biography{
  background:#ffffff;
  border:#f8b9cc ridge 5px;
  padding:0 10px;
  margin:5px 0;
  text-align:justify;
  }

#biography p{
  clear:both;
  }

.copyr{	
  padding:0;
  margin:0 auto;
  width:300px;
  text-align:center;
  background:yellow;
  clear:both;
}

.copyr p{
	font-size:0.8em;text-indent:0;margin:0;	
}

.verses {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  border:0;
  background:#f5f5f5;
}

.poem { 
  flex-basis: 100px;
  padding: 0 10px 10px;
  margin:10px 5px;
  border:#f8b9cc solid 1px;
  background:#fff;
}

img[src="zvuk.png"]{width:45px;height:45px;loading:lazy;}
img[src="home.png"],img[src="../home.png"]{width:21px;height:20px}
img[src="down.png"],img[src="up.png"],img[src="../down.png"],img[src="../up.png"]{width:20px;height:20px}
img[src="mail.png"],img[src="../mail.png"]{width:28px;height:20px;loading:lazy;}
img[src="lupa.png"],img[src="../lupa.png"]{width:20px;height:20px}
img[src="back.png"],img[src="../back.png"]{width:20px;height:20px;loading:lazy;}
img[src="help.gif"]{width:200px;height:44px;loading:lazy;}
img[src="shop.gif"]{width:97px;height:44px;loading:lazy;}

@font-face{font-family:Arial,sans-serif;font-display:swap}

.top1,.bottom1{display:flex;justify-content:space-between;margin:15px}
.hidden{visibility:hidden;}

.arr{display:flex;justify-content:center;margin:10px;}
.arr button,.arr a{margin:0 10px;}

#fix{position:fixed;bottom:5px;right:5px;padding:10px;background:#fff;border-radius:15px;border:5px solid tomato}
#fix a{font-weight:800}


#fix1{position:fixed;top:5px;right:55px;padding:0px;background:#fff;border-radius:15px;border:5px solid tomato;animation: blink 3s infinite}
#fix1 a{font-weight:800;font-size:calc(25px + 6 * (100vw - 320px) / 1600);}
   @keyframes blink {
    0% {opacity:1;}
    10% {opacity:1;}
    10% {opacity:0.2;}
    15% {opacity:0.2;}
    15% {opacity:1;}
    25% {opacity:1;}
    25% {opacity:0.2;}
    30% {opacity:0.2;}
    30% {opacity:1;}
    40% {opacity:1;}
    40% {opacity:0.2;}
    100% {opacity:0.2;}
   }

table{width:100%;}

.top1 a:hover,.bottom1 a:hover,.arr a:hover {
  opacity: 0.3;
}