/* CSS Document */


a.Hamberger {
	display: block;
	position: relative;
	width:  15em;
	height: 15em;
	transition: .25s;
	}
	
a.Hamberger span {
	display: block;
	position: absolute;
	padding: 10%;
	background-color: black;
	transition: all 0.25s, transform .75s;
	}


/* Row 1*/	
a.Hamberger span:nth-of-type(3n+1) {
	/*background-color: yellow;*/
	margin-top: 0%;
	}

/* Row 2*/	
a.Hamberger span:nth-of-type(3n+2) {
	/*background-color: blue;*/
	margin-top: 40%;
	}
	
/* Row 3*/	
a.Hamberger span:nth-of-type(3n+3) {
	margin-top: 80%;
	}	


/* Colomn 1*/	
a.Hamberger span:nth-of-type(-n+3) {
	margin-left: 0%;
	}	

/* Colomn 2*/	
a.Hamberger span:not(:nth-of-type(-n+3)):nth-of-type(-n+6) {
	margin-left: 40%;
	}	
		
/* Colomn 3*/	
a.Hamberger span:nth-last-of-type(-n+3) {
	margin-left: 80%;
	}
	

/* ------- EFFECT --------*/



/* Disapear */ 
a.Hamberger:hover span:nth-of-type(-n+3),
a.Hamberger:hover span:nth-of-type(5),
a.Hamberger:hover span:nth-last-of-type(-n+3) {
	opacity: 0;
	}

/* Enlarge */
a.Hamberger:hover span:nth-of-type(4),
a.Hamberger:hover span:nth-of-type(6) {
	padding-left: 50%;
	padding-right: 50%;
	margin-left: 0;
	opacity: 100%;
	margin-top: 40%;
	}
	
/* Rotate */ 

a.Hamberger:hover span:nth-of-type(4) {
	transform: rotate(405deg);
	}
	
a.Hamberger:hover span:nth-of-type(6) {
	transform: rotate(-405deg);
	}