ul{ border-radius: 50px;
	text-align: center;
	list-style-type: none;
	margin: 170px;
	margin-left: 400px;
	padding: 0;
	margin-top: 200px;
	padding-left: 20px;
	background-color: #A7B5C2;
	overflow: hidden;
	position:absolute;
	top: 0;
	width: 470px;
	height: 30px;
}
li{ border: #797979 solid;
	float: left;	
	text-align: center;
}
li a {
	text-decoration: none;
	color: black;
	padding: 15px;
	
}	
li a:hover{
	
	background-color: #808080;
}



.div5,buttom{
	background:radial-gradient(#ffffff);
	box-shadow: 0px  0px 10px #ffffff,10px 
	0px 100px #ffffff inset;
	
	border-radius: 50px 50px ;
	height: 80px;
	width: 110px;
    align:center;
	margin:30px 20px 5px  125px;
	cursor: pointer;
	}
buttom:hover{
	box-shadow: 0 0 1000px #ffffff;
	background:radial-gradient(#F2DC73 50%,#4e4e4e);
height: 80px;
	width: 140px;
	transition:all 1s;
}
.div1,.img{
	box-shadow: 0px  0px 0px #559CC6,0px 
	0px 100px #559CC6 inset;
	border: 2px solid #559CC6;
	border-radius: 0px 50px ;
	height: 160px;
	width: 160px;
    align:center;
	margin:30px 20px 5px  125px;
	cursor: pointer;
	float: left;
	}
.img:hover{
	box-shadow: 0 0 1000px #559CC6;
	background-color:#559CC6;
height: 180px;
	width: 180px;
	transition:all 1s;
}
.div3,.img{
	box-shadow: 0px  0px 0px #559CC6,0px 0px 100px #559CC6 inset;
	border: 2px solid #559CC6;
	border-radius: 50px 0px ;
	height: 160px;
	width: 160px;
    align:center;
	margin:30px 20px 5px  125px;
	cursor: pointer;
}
.div2{
	box-shadow: 1px  1px 110px #FFFFFF,1px 1px 50px #FFFFFF inset;
	border: 2px solid #559CC6;
	border-radius: 62px;
	height: 300px;
	width: 300px;
    align:center;
	margin: 0px 10px 0px 15px;
	float: right;
}