body{
background: rgba(56, 56, 56,1);
background: -moz-linear-gradient(left, rgbargb(56, 56, 56) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(56, 56, 56,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(56, 56, 56,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(56, 56, 56,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(56, 56, 56,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(56, 56, 56,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#ffffff', GradientType=1 );
overflow:hidden;
}

a#contact{
 transform:rotate(66deg);
 right: -5px;
 top: 48px;
 z-index: 100;
 color: black;
 letter-spacing: .5px;
 font-size: 24px;
 text-decoration: none;
 opacity:1;
 transition:.9s;
}

a#contact:hover{
  opacity:.8;
  filter: blur(10px);
  -webkit-filter: blur(10px);
  transition:.9s;
}

@keyframes stick-walk {
  0%   {transform:translate(10px);}
  50% {transform:translate(265px);}
  100% {transform:translate(10px);}
  }  
  
a#stick{
  position:absolute;
  bottom:15px;
}

a#stick{
  animation-name: stick-walk;
  width:95px;
  animation-duration: 50s;
  animation-iteration-count: infinite;
}

a#stick img{
  opacity:1;
  transition:.9s;
}

a#stick:hover img{
  opacity:.8;
  filter: blur(10px);
  -webkit-filter: blur(10px);
  transition:.9s;
}

