/* **********  **********   КОД КОТОРЫЙ ОТНОСИТСЯ У УРОКУ *********************** ***********/
.zatemno{
-moz-opacity: 0.7; 
-khtml-opacity: 0.7; 
opacity: 0.7;
transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.zatemno:hover{
-moz-opacity: 1; 
-khtml-opacity: 1; 
opacity: 1;
}

#vk{
display:inline-block;vertical-align:bottom;background:url(vkontakte.png);width:50px;height:50px;
}
#fb{
display:inline-block;vertical-align:bottom;background:url(facebook.png);width:50px;height:50px;
}
#twtr{
display:inline-block;vertical-align:bottom;background:url(twitter.png);width:50px;height:50px;
}
#mail{
display:inline-block;vertical-align:bottom;background:url(mail.ru.png);width:50px;height:50px;
}
#odnkls{
display:inline-block;vertical-align:bottom;background:url(odnoklasniki.png);width:50px;height:50px;
}
#yandx{
display:inline-block;vertical-align:bottom;background:url(xernr.png);width:50px;height:50px;
}
#gplus{
display:inline-block;vertical-align:bottom;background:url(googleplus.png);width:50px;height:50px;
}

 /* **********  **********  КОНЕЦ КОДА КОТОРЫЙ ОТНОСИТСЯ У УРОКУ *********************** ***********/
 /* **********  **********  КОНЕЦ КОДА КОТОРЫЙ ОТНОСИТСЯ У УРОКУ *********************** ***********/
 /* **********  **********  КОНЕЦ КОДА КОТОРЫЙ ОТНОСИТСЯ У УРОКУ *********************** ***********/
 /* **********  **********  КОНЕЦ КОДА КОТОРЫЙ ОТНОСИТСЯ У УРОКУ *********************** ***********/


body{text-align:center; 
color:#fff;
background: url('http://web-development.my1.ru/demo/fonok.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 

.color{background:#fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 15px;
}

a{
font-size: 17px;
font-weight: 400;
text-decoration: none;
color: #ccc;
}
a:hover{
color: #FFFFFF;
}
.shadow {margin:0 25% 0 25%;
    background: #459300; 
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 20px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
   }
   
  
  