.crug{
	background-color:red;
	border-radius:300px;
	height:150px;
	width:150px;
	display:block;
	float:left;
	margin:0px 10px 0px 0px;
	box-shadow: 0px 0px 6px 2px black inset;
	transition: color 10s, height 5s, background-color 4s;
}
.crut{
	background-color:red;
	border-radius:300px;
	height:150px;
	width:150px;
	display:block;
	float:left;
	margin:0px 0px 0px 900px;
	box-shadow: 0px 0px 6px 2px black inset;
	transition: color 10s, height 5s, background-color 4s;
}
.p{
	color:white;
	font-size:30px;
	margin:50px 0px 0px 50px;
	text-shadow:1px 1px 10px #C30F0F;
}
body{
	background:url(fon2.jpg);
	background-size:contain;

}
.crut:hover{
color:#FFFFFF;
width:150px;
height:300px;
background-color:green;
}
.crug:hover{
color:#FFFFFF;
width:150px;
height:300px;
background-color:green;
}
.privet{
	clear:left;
	margin: 0 500px 0 270px;
	font-family: Tahoma;
	font-size:60px;
	text-shadow:1px 1px 10px #83FE6D;
	bachground:white;
}
.cru{
	color:#9BFDFF;
	clear:both;
}
.cruk{
	padding: 0 15px; /* Поля вокруг текста */
    background:white; /* Цвет фона */
    margin: 0 auto; /* Выравниваем слой по центру */
    width: 70%; /* Ширина слоя */
	height:50%;
	margin-top:320px;
	margin-right:320px;
	color:black;
	font-family:Segoe Print;
	Font-size:15px;
}
.image{
	width:300px;
	height:250px;
    padding: 10px;
    border:8px solid;
	margin-left: 330px;
	-moz-border-top-colors: #FF0101 #FF8800 #FFFB00 #00FF2A #00E1FF #1900FF #4F0673; 
	-moz-border-right-colors: #FF0101 #FF8800 #FFFB00 #00FF2A #00E1FF #1900FF #4F0673;
	-moz-border-bottom-colors: #FF0101 #FF8800 #FFFB00 #00FF2A #00E1FF #1900FF #4F0673;
	-moz-border-left-colors: #FF0101 #FF8800 #FFFB00 #00FF2A #00E1FF #1900FF #4F0673;
	transition: color 10s, width 5s, height 5s, background-color 4s;

}
.image:hover{
	width:500px;
	height:400px;
}