body {
    background: transparent;
}
.text {
style="position: absolute;  
vertical-align: top;
text-align: center;
font-family: 'Reem Kufi', MS Serif;  
color: #fff;  
font-size: 0px;  
font-family: 'Redressed', cursive;
font-family: 'Nova Script', cursive;
font-family: 'Reem Kufi', MS Serif;  
cursor: pointer;
animation: animate 3s linear infinite;
text-shadow: 1px 2px 4px #000, 1px 2px 4px #ff0000, 1px 2px 4px #000,
    1px 2px 4px #ff0000;

}
#twitter {
  animation-delay: 0.3s;
}
#facebook {
  animation-delay: 0.5s;
}
#github {
  animation-delay: 0.8s;
}

@keyframes animate {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}