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;
			 			 
}
}

.file{
	position:relative;
	
}
.silver-box{
	border-radius:20px;
	background-color:rgba(100,100,100,0.7);
	padding:20px;
	position:relative;
	
				
}
.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:85%; 

}
	h1{color:white ;
	font-size: 46pt;
	font-family: Brush Script MT;
	text-align:center;
    
	margin-bottom:-110px;
	position:relative 50%;
 
	
}
.rightpic{
   
	
	
	position:relative;
	top:2px;
	left:2px;
	
	
}
.ссылка-фото{
	color:black;
	font-size: 32pt;
	font-family: Brush Script MT;
	background-color:#9A9A9A;
	padding-left:120px;
	padding-right: 120px;
	border:3PX solid #C8AA78;
	border-radius:20px;
	margin-top:70px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:70px;
	text-decoration:none;
	display:inline-block;
	
	
	
}
.ссылка-видео{
    color: black;
	font-size: 32pt;
	font-family: Brush Script MT;
	background-color:#9A9A9A;
	padding-left:120px;
	padding-right: 120px;
	border:3PX solid #C8AA78;
	border-radius:20px;
	margin-top:70px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:70px;
	text-decoration:none;
	display:inline-block;
	
}
 li ul {
    position: absolute; 
    display: none; 
}
   li a {
     padding: 5px; 
    text-decoration: none; 
    color: black;  
    border-bottom: none; 
   }
   li a:hover {
    color:white ; 
   display:inline-block; 
   }
   li:hover ul { 
    display: block; 
   }

.ссылка-статьи{
	 color: black;
	font-size: 32pt;
	font-family: Brush Script MT;
	background-color:#9A9A9A;
	padding-left:120px;
	padding-right: 120px;
	border:3PX solid #C8AA78;
	border-radius:20px;
	margin-top:70px;
	margin-left:40;.
	margin-right:40px;
	margin-bottom:70px;
	text-decoration:none;
	display:inline-block;
	
	
}
.card3{
	border:solid 1px black;
	border-radius: 10px; 
	margin:50px;
	padding:10px;
	width: 300px;
	box-shadow: inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
				10px 10px 5px #CBAD7B,
				15px 15px 5px #CBAA71,
				20px 20px 5px #CBA665,
				25px 25px 5px #CBA055,
				30px 30px 5px #CB9A44,
				35px 35px 5px #CB912D,
				40px 40px 5px #CB8918;
				
	display:inline-block;
	position: relative;
	left:150px;
	top:30px;
                animation-name:shadow-color2;
                animation-duration: 3s;
                animation-iteration-count: infinite;
				}			

@keyframes shadow-color2{
	0%{box-shadow: inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
				10px 10px 5px #CBAD7B,
				15px 15px 5px #CBAA71,
				20px 20px 5px #CBA665,
				25px 25px 5px #CBA055,
				30px 30px 5px #CB9A44,
				35px 35px 5px #CB912D,
				40px 40px 5px #CB8918;
}
1%{box-shadow: inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
				10px 10px 5px #CBAD7B,
				15px 15px 5px #CBAA71,
				20px 20px 5px #CBA665,
				25px 25px 5px #CBA055,
				30px 30px 5px #CB9A44,
				35px 35px 5px #CB912D,
				40px 40px 5px #CB8918;
}
  14%{box-shadow: inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
				10px 10px 5px #CB8918,
				15px 15px 5px #CBAD7B,
				20px 20px 5px #CBAA71,
				25px 25px 5px #CBA665,
				30px 30px 5px #CBA055,
				35px 35px 5px #CB9A44,
				40px 40px 5px #CB912D;
		 
	     }
  28%{box-shadow:
                inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
	            10px 10px 5px #CB912D,
				15px 15px 5px #CB8918,
				20px 20px 5px #CBAD7B,
				25px 25px 5px #CBAA71,
				30px 30px 5px #CBA665,
				35px 35px 5px #CBA055,
				40px 40px 5px #CB9A44;
        }
  42%{
		box-shadow:
                inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
			   	10px 10px 5px #CB9A44,
				15px 15px 5px #CB912D,
				20px 20px 5px #CB8918,
				25px 25px 5px #CBAD7B,
				30px 30px 5px #CBAA71,
				35px 35px 5px #CBA665,
				40px 40px 5px #CBA055;
		}
 56%{
		box-shadow:
		        inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
			  	10px 10px 5px #CBA055,
				15px 15px 5px #CB9A44,
				20px 20px 5px #CB912D,
				25px 25px 5px #CB8918,
				30px 30px 5px #CBAD7B,
				35px 35px 5px #CBAA71,
				40px 40px 5px #CBA665;
		} 
70%{
		box-shadow:
		        inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
			    10px 10px 5px #CBA665,
				15px 15px 5px #CBA055,
				20px 20px 5px #CB9A44,
				25px 25px 5px #CB912D,
				30px 30px 5px #CB8918,
				35px 35px 5px #CBAD7B,
				40px 40px 5px #CBAA71;
		} 
 84%{
		box-shadow:
	            inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
		        10px 10px 5px #CBAA71,
				15px 15px 5px #CBA665,
				20px 20px 5px #CBA055,
				25px 25px 5px #CB9A44,
				30px 30px 5px #CB912D,
				35px 35px 5px #CB8918,
				40px 40px 5px #CBAD7B;
				
 }		     
100%{
		box-shadow:
		        inset 3px 3px 20px 10px #C8AA78, 
	            -3px 3px black,
		        10px 10px 5px #CBAD7B,
				15px 15px 5px #CBAA71,
				20px 20px 5px #CBA665,
				25px 25px 5px #CBA055,
				30px 30px 5px #CB9A44,
				35px 35px 5px #CB912D,
				40px 40px 5px #CB8918;
			 			 
}
}

 
.serf{
margin-left:50px;
margin-top:15px;
margin-right:15px;
margin-bottom:15px;
}
.Alex{
	margin-left:50;
}
	

.ссылка-news{
   color: black;
	font-size: 32pt;
	font-family: Brush Script MT;
  padding:80px;
	
  text-align:center;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  box-shadow: 1px 1px 5px 3px #C98F2C;
  display: inline-block;
  background-image: linear-gradient( 180deg,#DCB98F 0%,rgba(0,0.255,0)100%); 
  text-decoration:none;
  
animation: background-image;
  animation-duration: 3s;
  animation-iteration-count: infinite;
				
}
@keyframes background-image{
  100%{
		background-image:linear-gradient(315deg,#DCB98F 0%,rgba(0,0.255,0)100%);
	}
}

.news{
  display:inline-block;

				position: relative;
				left:30px;
				top:-70px;
				
}

.ссылка-ABOUT_MI{
   color: black;
	font-size: 32pt;
	font-family: Brush Script MT;
  padding:80px;
	
  text-align:center;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  box-shadow: 1px 1px 5px 3px #C98F2C;
  display: inline-block;
  background-image: linear-gradient( 180deg, #DCB98F 0%,rgba(0,0.255,0)100% ); 	
  text-decoration:none;
  animation: background-image;
  animation-duration: 3s;
  animation-iteration-count: infinite;
				
}
@keyframes background-image{
  100%{
		background-image:linear-gradient(315deg,#DCB98F 0%,rgba(0,0.255,0)100%);
	}
}
 

.ABOUT_MI{
  display:inline-block;
				position: relative;
				left:300px;
				top:-10px;
				
}
.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;
}