body {
	background-color: #E62E8A;
	margin: 0px;
}
div.arrow {
 	border-color: #E62E8A #E62E8A #E62E8A #E62E8A;
    border-style: solid;
    border-width: 100px;
    width: 0;
    height: 0;
    position: absolute;
}
div.one {
	border-color: #E62E8A #E62E8A #E62E8A black;
    left: 80px;
    top: 80px;
}
div.two {
	border-color: #E62E8A #E62E8A #E62E8A black;
    left: 300px;
    top: 80px;   
}
div.three {
    left: 520px;
    top: 80px;
}
div.four {
	left: 740px;
    top: 80px;
}
div.five {
    left: 960px;
    top: 80px;
}
div.six {
    left: 1180px;
    top: 510px;
}
div.seven {
    left: 1400px;
    top: 510px;
}
div.eight {
    left: 1620px;
    top: 510px;
}
div.nine {
    left: 1840px;
    top: 510px;
}
div.ten {
    left: 2060px;
    top: 510px;
}
div.eleven {
    left: 2280px;
    top: 80px;
}
div.twelve {
    left: 2500px;
    top: 80px;
}
div.thirteen {
    left: 2720px;
    top: 80px;
}
div.fourteen {
    left: 2940px;
    top: 80px;
}
div.fifteen {
    left: 3160px;
    top: 80px;
}
div.sixteen {
    left: 3380px;
    top: 510px;
}
div.seventeen {
    left: 3600px;
    top: 510px;
}
div.eighteen {
    left: 3820px;
    top: 510px;
}
div.nineteen {
    left: 4040px;
    top: 510px;
}
div.twenty {
    left: 4260px;
    top: 510px;
}
div.fiveaux {
	left: 960px;
	top: 510px;
}
div.tenaux {
	left: 2060px;
	top: 80px;
}
div.fifteenaux {
	left: 3160px;
	top: 510px;
}
div.arrow:hover {
	border-color: #E62E8A #E62E8A #E62E8A black;
}
div.five:hover {
	-webkit-animation: rdown 1s linear forwards, down 2s 1s linear forwards, left1 1s 3s linear forwards;
	animation: rdown 1s linear forwards, down 2s 1s linear forwards, left1 1s 3s linear forwards;
	-moz-animation: rdown 1s linear forwards, down 2s 1s linear forwards, left1 1s 3s linear forwards;
}
div.ten:hover {
	-webkit-animation: rup 1s linear forwards, up 2s 1s linear forwards, left2 1s 3s linear forwards;
	animation: rup 1s linear forwards, up 2s 1s linear forwards, left2 1s 3s linear forwards;
	-moz-animation: rup 1s linear forwards, up 2s 1s linear forwards, left2 1s 3s linear forwards;
}
div.fifteen:hover {
	-webkit-animation: rdown 1s linear forwards, down 2s 1s linear forwards, left3 1s 3s linear forwards;
	animation: rdown 1s linear forwards, down 2s 1s linear forwards, left3 1s 3s linear forwards;
	-moz-animation: rdown 1s linear forwards, down 2s 1s linear forwards, left3 1s 3s linear forwards;
}
@-moz-keyframes rdown {
 	100% {-moz-transform: rotate(90deg);}
}
@-webkit-keyframes rdown {
	100% {-webkit-transform: rotate(90deg);}
}
@keyframes rdown {
	100% {transform: rotate(90deg);}
}
@-moz-keyframes rup {
	100% {-moz-transform: rotate(-90deg);}
}
@-webkit-keyframes rup {
	100% {-webkit-transform: rotate(-90deg);} 
}
@keyframes rup {
	100% {transform: rotate(-90deg);}
}
@-moz-keyframes down {
 	100% {top: 280px;}
}
@-webkit-keyframes down {
	100% {top: 280px;}
}
@keyframes down {
	100% {top: 280px;}
}
@-moz-keyframes up {
 	100% {top: 310px;}
}
@-webkit-keyframes up {
	100% {top: 310px;}
}
@keyframes up {
	100% {top: 310px;}
}
@-moz-keyframes left1 {
 	100% {left: 860px;}
}
@-webkit-keyframes left1 {
	100% {left: 860px;}
}
@keyframes left1 {
	100% {left: 860px;}
}
@-moz-keyframes left2 {
 	100% {left: 1960px;}
}
@-webkit-keyframes left2 {
	100% {left: 1960px;}
}
@keyframes left2 {
	100% {left: 1960px;}
}
@-moz-keyframes left3 {
 	100% {left: 3060px;}
}
@-webkit-keyframes left3 {
	100% {left: 3060px;}
}
@keyframes left3 {
	100% {left: 3060px;}
}
div.circle {
	background-color: #E62E8A;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
div.circle:hover {
	background-color: white;
}
div#one {
	position: absolute;
	top: 560px;
	left: 520px;
}
div#two {
	position: absolute;
	top: 130px;
	left: 1510px;
}
div#three {
	position: absolute;
	top: 560px;
	left: 2610px;
}
div#four {
	position: absolute;
	top: 130px;
	left: 3710px;
}