body{
	padding:50px;
	 background-image: linear-gradient(45deg,#8e9eab,
    #eef2f3);
    
 	 animation:gradient 10s ease infinite;
}
@keyframes gradient{
    0%{
	 background-position:0% 50%;
	}
	50%{
	background-position:100% 50%;	
	}
	100%{
	background-position:0% 50%;
	}
	}	

.yellow-box{
	background-image:url("чайки.jpg");
	border:solid 1px black;
	border-radius:20px;
	margin-bottom:60px;
	padding:50px;
	position:relative;
	box-shadow: 
	            -3px 3px white,
				10px 10px 5px #BE9559,
				15px 15px 5px #BE9961,
				20px 20px 5px #BE9C6A,
				25px 25px 5px #BEA175,
				30px 30px 5px #BEA47E,
				35px 35px 5px #BEAA8B,
				40px 40px 5px #BEAD94;
				animation-name:shadow-color;
                animation-duration: 3s;
                animation-iteration-count: infinite;
	}			

@keyframes shadow-color{
	0%{box-shadow:
	           -3px 3px white,
	           10px 10px 5px #BE9559,
			   15px 15px 5px #BE9961,
				20px 20px 5px #BE9C6A,
				25px 25px 5px #BEA175,
				30px 30px 5px #BEA47E,
				35px 35px 5px #BEAA8B,
				40px 40px 5px #BEAD94;
}
1%{box-shadow: 
	          -3px 3px white,
	           10px 10px 5px #BE9559,
			   15px 15px 5px #BE9961,
				20px 20px 5px #BE9C6A,
				25px 25px 5px #BEA175,
				30px 30px 5px #BEA47E,
				35px 35px 5px #BEAA8B,
				40px 40px 5px #BEAD94;
}
  14%{ box-shadow: 
		      -3px 3px white,
	           10px 10px 5px #BEAD94,
			   15px 15px 5px #BE9559,
				20px 20px 5px #BE9961,
				25px 25px 5px #BE9C6A,
				30px 30px 5px #BEA175,
				35px 35px 5px #BEA47E,
				40px 40px 5px #BEAA8B;
		 
	     }
  28%{box-shadow:
                -3px 3px white,		
	            10px 10px 5px #BEAA8B,
				15px 15px 5px #BEAD94,
				20px 20px 5px #BE9559,
				25px 25px 5px #BE9961,
				30px 30px 5px #BE9C6A,
				35px 35px 5px #BEA175,
				40px 40px 5px #BEA47E;
        }
  42%{
		box-shadow:
		        -3px 3px white,       
			   	10px 10px 5px #BEA47E,
				15px 15px 5px #BEAA8B,
				20px 20px 5px #BEAD94,
				25px 25px 5px #BE9559,
				30px 30px 5px #BE9961,
				35px 35px 5px #BE9C6A,
				40px 40px 5px #BEA175;
		}
 56%{
		box-shadow:
		        -3px 3px white,
			  	10px 10px 5px #BEA175,
				15px 15px 5px #BEA47E,
				20px 20px 5px #BEAA8B,
				25px 25px 5px #BEAD94,
				30px 30px 5px #BE9559,
				35px 35px 5px #BE9961,
				40px 40px 5px #BE9C6A;
		} 
70%{
		box-shadow:
		        -3px 3px white,
			    10px 10px 5px #BE9C6A,
				15px 15px 5px #BEA175,
				20px 20px 5px #BEA47E,
				25px 25px 5px #BEAA8B,
				30px 30px 5px #BEAD94,
				35px 35px 5px #BE9559,
				40px 40px 5px #BE9961;
		} 
 84%{
		box-shadow:
	            -3px 3px white,
		        10px 10px 5px #BE9961,
				15px 15px 5px #BE9C6A,
				20px 20px 5px #BEA175,
				25px 25px 5px #BEA47E,
				30px 30px 5px #BEAA8B,
				35px 35px 5px #BEAD94,
				40px 40px 5px #BE9559;
				
 }		     
100%{
		box-shadow:
		        -3px 3px white,
		        10px 10px 5px #BE9559,
				15px 15px 5px #BE9961,
				20px 20px 5px #BE9C6A,
				25px 25px 5px #BEA175,
				30px 30px 5px #BEA47E,
				35px 35px 5px #BEAA8B,
				40px 40px 5px #BEAD94;
			 			 
}
}

				
				
	.silver-box{
	border-radius:20px;
	background-color:rgba(100,100,100,0.7);
	padding:20px;
	position:relative;
	
				
}
	h1{color:white ;
	font-size: 46pt;
	font-family: Brush Script MT;
	text-align:center;
    
	margin-bottom:-110px;
	position:relative 50%;
	 
	
}
.Link-main{
	
	text-align:right;
	
    color:#FFDB00;
	font-size: 20pt;
	font-family: Brush Script MT;
	text-decoration:none;
	
}
.main{
	display:inline-block;
position: relative;	
margin-bottom:5px;
margin-left:80%; 

}
.rightpic{
   
	
	
	position:relative;
	top:2px;
	left:2px;
	
	
}
.Daxab{
margin-left:50px;
margin-top:50px;
margin-right:50px;
margin-bottom:50px;
}
	

.gulls{
margin-left:50px;
margin-top:50px;
margin-right:50px;
margin-bottom:50px;
}
	

.night{
margin-left:50px;
margin-top:50px;
margin-right:50px;
margin-bottom:50px;
		
}
.serf{
	margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px; 
}
.ALEX{
	margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Cos{
	margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.kiss{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Dasha{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}

.moon{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Laguna{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.kop{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.sor_gol{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.egg{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.skate{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.gull{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.mitt{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.moto{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.skate2{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.skut{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.saks{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}

.beauty{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.beauty2{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.fish{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.cos{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Sia{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Aid{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Tur{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Pop{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Moros{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Moros2{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}

.Assala{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Daxab{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Kopoera{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}

.children{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.bas{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.kinder{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}

.kite2{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.kite{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.bicycle{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.dog{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.sunrise{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.bicycle2{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.eagle{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.kis{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.орел2{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.капоэйро3{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.фламинго{margin-left:50px;
    margin-top:50px;
    margin-right:50px;
    margin-bottom:50px;
}
.Link-contacts{
	text-align:right;
	
    color:#FFDB00;
	font-size: 20pt;
	font-family: Brush Script MT;
	text-decoration:none;
	}
.contacts{
	
position: relative;	
margin-bottom:auto;
margin-left:85%; 
}
a:hover{
	color:white;
}



   



