body {

 background-position: 0 0;

/*
-webkit-animation-name: body;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-duration: 60s;
-webkit-animation-iteration-count: infinite;
*/
}

/*
@-webkit-keyframes 'body' {
0% {
background-position: 0% 0%;
}

100% {
background-position: 0% 100%;
}
}
*/


.socialLink {
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
}

.socialLink:hover {
    -webkit-transition: top .5s ease-in-out;
    -moz-transition: top .5s ease-in-out;
    -o-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out;
}

.menuItems.top.left,
.menuItems.bottom.left {
    -webkit-transform-origin:  left;
    -moz-transform-origin:  left;
    -o-transform-origin:  left;
    transform-origin:  left;
}

.menuItems.top.right,
.menuItems.bottom.right {
    -webkit-transform-origin:  right;
    -moz-transform-origin:  right;
    -o-transform-origin:  right;
    transform-origin:  right;
}

.menuItems.top.left,
.menuItems.top.right,
.menuItems.bottom.left,
.menuItems.bottom.right {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    
    -webkit-transform: scale(1.0, 1.0) rotate(0deg);
    -moz-transform: scale(1.0, 1.0) rotate(0deg);
    -o-transform: scale(1.0, 1.0) rotate(0deg);
    transform: scale(1.0, 1.0) rotate(0deg);   
}

.menuItems:hover.top.left {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
	
    -webkit-transform:  rotate(-5deg);
    -moz-transform:  rotate(-5deg);
    -o-transform:  rotate(-5deg);
    transform:  rotate(-5deg);
}

.menuItems:hover.top.right {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
	
    -webkit-transform: rotate(5deg) ;
    -moz-transform: rotate(5deg) ;
    -o-transform: rotate(5deg) ;
    transform: rotate(5deg) ;
}

.menuItems:hover.bottom.right {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
	
    -webkit-transform:  rotate(-5deg);
    -moz-transform:  rotate(-5deg);
    -o-transform:  rotate(-5deg);
    transform:  rotate(-5deg);
}

.menuItems:hover.bottom.left {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
	
    -webkit-transform:  rotate(5deg);
    -moz-transform:  rotate(5deg);
    -o-transform:  rotate(5deg);
    transform:  rotate(5deg);
}