body {	

           background: url(images/fon.jpg) no-repeat center center fixed;
	       -webkit-background-size: cover;
	       -moz-background-size: cover;
	       -o-background-size: cover;
	       background-size: cover;
           font-family: Verdana, sans-serif;
           }


#nazad {
position: fixed;
height:  10%;
top: 1%;
left: 3%;
color: #444;
}

	#mind {
	  	position:fixed;
	  	display: block;
	  	top: 1%;
	  	font-style: italic;
	  	right:1%;
	  	width: 220px;	  	  		
	  	height: 10px;	
	  	opacity:1;  	  	
	  	}

	
	#oglav1 {
position: fixed;
display: inline-block;
height:  10%;
width:100%;
top: 30%;
 
}
#ska {
position:  fixed;
display:block;
height:  20%;
width:60%;
top: 90%;
left: 20%;
 
}


		
#oglav {
position: fixed;
display: block;
color: white;
height:  40%;
width:100%;
text-align:justify;
top: 5%;
}





 #skaz {
 position:absolute;
 display:block;
 color: #c2b99b;
 font-size: 10px;
 text-shadow: 3px 5px 31px black, 0 0 18px black; /* Параметры тени */
 opacity: 1;
 text-align: center;
 height: 64%;
 top: 30%;
 width:100%;  
 
 scroll-behavior:smooth;
    }
    
    
    
 #skazka {
position:absolute;
 display:   inline-block;
 text-align: center;
 top:30%;
 height:10%;
  width:40%; 
  left: 30%;
    }

        a{ 
	    text-decoration: none; /* Отменяем подчеркивание у ссылки */
	    color: #black;
	    font-size: 1.0em;
	    } 
	    
	    a:active{
	    color: #0000AA;
	    }
	    
	    a:focus, a:link, a:visited {
	    color: #4d4c60; 
	    }
	    
        a:hover {
	    color:#000;
	    }
	    
	    
	    #vizvat {
        position:absolute;
        top:74%;
        left: 88%;
        width:auto;
        height:auto;
        margin:auto;
        }

	    
	    #zatemnenie {
        background: rgba(102, 102, 102, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        }
        
        #okno {
        width: 600px;
        height: 320px;
        text-align: center;
        padding: 15px;
        border: 3px solid #0000cc;
        border-radius: 10px;
        color: #0000cc;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        }
        
        #zatemnenie:target {display: block;}
        
        .close {
        display: inline-block;
        border: 1px solid #0000cc;
        color: #0000cc;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
        }
        
        .close:hover {background: #e6e6ff;}
        
        
	    
#footer {	  		
position:fixed;
bottom: 0%;
width:100%;
color: #c2b99b;
text-align:center;
font-size:12px;	  			
}