/* Main.css */

@font-face {
  font-family: 'JustVector';
  src: url('/fonts/justvectorv2-webfont.eot');
  src: url('/fonts/justvectorv2-webfont.eot?#iefix') format('eot'),
       url('/fonts/justvectorv2-webfont.woff') format('woff'),
       url('/fonts/justvectorv2-webfont.ttf') format('truetype'),
       url('/fonts/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
  font-weight: normal;
  font-style: normal;
}

#social-presences {
  position: relative;
}

#social-presences .social-icon {
  display: block;
  text-indent: -999em;
}

#social-presences .social-icon:after {
  display: block;
  position: absolute;

  width: 50px;
  height: 50px;

  font-family: 'JustVector';
  font-size: 30px;
  line-height: 40px;
  text-indent: 0;
  text-align: center;
  text-shadow: 0 0 1px #000;

  border-radius: 999px;
}

@-webkit-keyframes social-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

#facebook-link {
  color: blue;
}
#facebook-link:after {
  content: 'F';
/*
  -webkit-animation-duration: 3s;
  -webkit-animation-name: social-rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  */
}

#twitter-link {
  color: blue;
}
#twitter-link:after {
  content: 't';
}

#googleplus-link {
  color: blue;
}
#googleplus-link:after {
  content: 'g';
}

#linkedin-link {
  color: blue;
}
#linkedin-link:after {
  content: 'l';
}