h3
{ left:3%;position:absolute;
}
#head2{top:12%;left:6%;margin-left:5%;height:15%;width:80%;position:absolute;}
#logo
{
top:0;left:1%;margin-left: 1%;
position:absolute;
}
/*a: hover{text-shadow:0px 0px 10px lightpink, 0px 0px 10px yellow;}*/
div li{font-size:15px;}
div ul ul{ display:none;}
div ul li:hover > ul { display: block; }
div ul
{
background: -webkit-linear-gradient(top,blue 30%,#58b406 80%);
left:12%;margin-left: 0%;border-color:#0028d8;border-style:groove;
text-shadow:0px 0px 10px yellow, 0px 0px 10px white;
	padding: 1;width:75%;
	border-radius: 30px;
	list-style: none;align:center;text-align:center;
	position: relative;
	display: marker;
	background-position:center;
}

div ul:after { content: ""; clear: both; display: block; 	}

div ul li { float: left; padding:1% 1%;margin-left: 3%; }

div ul li:hover 
{
background: -webkit-linear-gradient(top, pink 30%, #58b406 80%);
	 }
div ul li:hover a { color: blue; }
div ul li a 
{
display: flex; padding: 10% 5%; 
color: white; 
}
div ul ul 
{
background: -webkit-linear-gradient(top, pink 30%, #58b406 80%);
border-radius: 0px; padding: 0;width:20%;left:40%;
position: absolute; top: 100%;
}
div ul ul li 
{
float: none; 
}
div ul ul li a 
{
padding: 1% 0% 1% 10%;
color: blue;
}	
div ul ul li a:hover 
{
/*text-shadow: 5px 5px 10px red,10px 10px 10px blue;*/			
}
div ul ul ul 
{
position: absolute;top:0%;
}

#bottom
{top:10%;left:1%;height:3%;width:70%;position:absolute;margin-left:1%;
text-shadow:0px 0px 10px red, 0px 0px 10px yellow;
font-style:normal;
background: -webkit-linear-gradient(top,blue 30%,#58b406 80%);border-rdius:30px;
border-bottom-left-rdius: 0;
border-top-right-radius: 0;
}

#web
{
top:23.5%;left:7%;height:52.5%;width:49.5%;
position:absolute;margin-left: 1%;
font-style:normal; border-color:#0028d8; border-style:groove;
background: -webkit-linear-gradient(top,#0028d8 10%, white 15%);
border-radius: 30px;
overflow:auto;		
}

#export
{top:63%;left:0%;height:70%;width:100%;
position:absolute;margin-left:0%;text-shadow:0px 0px 10px pink,0px 0px 10px yellow;
font-style:normal;background: -webkit-linear-gradient(top,blue 30%,#58b406 80%);
border-radius:30px;border-bottom-left-radius:0;
border-top-right-radius:0;
}
#prod
{top:60%;left:0%;height:70%;width:25%;
position:absolute;margin-left: 0%;text-shadow:0px 0px 10px blue,0px 0px 10px yellow;font-style:normal;background: -webkit-linear-gradient(top,blue 30%,#58b406 80%);
border-radius:30px;border-bottom-left-radius:0;
border-top-right-radius:0;}

#Amazon
{
top:16%;left:47%;height:60%;width:25%;
position:absolute;margin-left: 0.5%;
text-shadow:0px 0px 10px red, 0px 0px 10px yellow;
font-style:normal;
background: -webkit-linear-gradient(top,blue 30%,#58b406 80%);
border-radius: 30px;border-bottom-left-radius: 0;
		border-top-right-radius: 0;
}
#it
{
top:23.5%;left:58%;height:52.5%;width:36%;
position:absolute;margin-left: 0.5%;
font-style:normal;border-color:#0028d8; border-style:groove;
background: -webkit-linear-gradient(top,#0028d8 10%,white  15%);
border-radius: 30px;
overflow:auto;
}
a:hover
{
	transform: rotate(0deg);
transition-duration: 1s;
transform-style: preserve-3d;
transition-timing-function: ease-in-out;		
	}

#last
{
top:78%;left:8%;height:15%;width:85%;
position:absolute;
font-style:bold;
background: -webkit-linear-gradient(top,blue 30%, #58b406 80%);
border-radius: 30px;border-color:#0028d8;border-style:groove;
}
	div p{
	padding: 0% 1%;
	position: absolute;	
	font-family:arial,Times New Roman;
}

div h3{
	text-align:justify;
	padding: 8% 3%;
	position: absolute;	
	font-family:arial,;
}