/*
	Author: Daniel Snows
	Author URL: danielsnows.com.br
	Author Facebook: fb.me/danielsnows
*/
/*reset*/
* { 
	margin: 0;
	padding: 0;  
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #42c3d7;
}
/*---------------*/
body {
	font-family: 'Droid Sans', sans-serif;
	background-color: #F4F7F5;
}
h1 {
	text-align: center;
	padding: 20px 0;
	color: #32363a;
}
h1 span {
	color: #a5c63b;
	text-transform: uppercase;
}

/*Logo construction*/
.logo {
	width: 334px;
	height: 451px;
	margin: 0 auto;
	margin-top: 90px;
	position: relative;
	
}
.logo div {
	background-color: #a5c63b;
}

/*head*/
.head {
	width: 100%;
	position: absolute;
	height: 154px;
	border-top-right-radius: 500px; 
	border-top-left-radius: 500px; 
	-moz-border-top-right-radius: 500px; 
	-moz-border-top-left-radius: 500px; 
	-webkit-border-top-right-radius: 500px; 
	-webkit-border-top-left-radius: 500px; 
}
/*eye left = :before 
  eye right = :after	*/

.head:before {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #F4F7F5;
	left: 80px;
	top: 66px;
}
.head:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #F4F7F5;
	right: 80px;
	top: 66px;
}

/*antennas*/
.left-antenna, .right-antenna {
	position: absolute;
	width: 9px;
	height: 80px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	top: -20px;
}
.left-antenna {
	left: 60px;
	-webkit-transform: rotate(-30deg);
	   -moz-transform: rotate(-30deg);
	    -ms-transform: rotate(-30deg);
	     -o-transform: rotate(-30deg);
	        transform: rotate(-30deg);

}
.right-antenna {
	right: 60px;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
/*body*/
.body {
	width: 100%;
	height: 284px;
	position: absolute;
	bottom: 0;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-bottom-left-radius: 50px;
	-moz-border-bottom-right-radius: 50px;
}

.members {
	width: 77px;
	height: 233px;
	position: absolute;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
}
/*arms*/
.left-arms, .right-arms {
	top: 0;
}
.left-arms {
	left: -95px;
}
.right-arms {
	right: -95px;
}
/*legs*/
.left-leg, .right-leg {
	bottom: -138px;
}
.left-leg {
	left: 70px;
}
.right-leg {
	right: 70px;
}


/*Hover effect*/
.logo *, .logo *:after, .logo *:before {
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.logo:hover .head {
	-webkit-transform: translate(-4px, -5px) rotate(-5deg);
	   -moz-transform: translate(-4px, -5px) rotate(-5deg);
	    -ms-transform: translate(-4px, -5px) rotate(-5deg);
	     -o-transform: translate(-4px, -5px) rotate(-5deg);
	        transform: translate(-4px, -5px) rotate(-5deg);
}

.logo:hover .left-arms {
	-webkit-transform: translate(-6px, -5px) rotate(25deg);
	   -moz-transform: translate(-6px, -5px) rotate(25deg);
	    -ms-transform: translate(-6px, -5px) rotate(25deg);
	     -o-transform: translate(-6px, -5px) rotate(25deg);
	        transform: translate(-6px, -5px) rotate(25deg);
}

.logo:hover .head:after {
	height: 2px;
	-webkit-transform: rotate(-5deg);
	   -moz-transform: rotate(-5deg);
	    -ms-transform: rotate(-5deg);
	     -o-transform: rotate(-5deg);
	        transform: rotate(-5deg);
}

.logo:hover .right-leg {
	bottom: -108px;
}

footer {
	position: fixed;
	text-align: center;
	width: 100%;
	bottom: 10px;
}