.link{
color: #111;
font-family: 'Bubblegum Sans', cursive;
font-size: 25px;
line-height: 23px;
text-transform: capitalize;
display: inline-block;
transition: all 0.3s ease 0s;
}
.link:focus,
.link:hover{
color: #111;
animation: Rainbow 1s infinite;
}
@keyframes Rainbow{
0%{
color: #e74c3c;
text-shadow: 0 0 #ddd;
}
20%{
color: #e67e22;
text-shadow: 0 5px #ddd;
}
35%{
color: #f1c40f;
text-shadow: 0 -5px #ddd;
}
50%{
color: #27ae60;
text-shadow: 0 0 #ddd;
}
65%{
color: #3498db;
text-shadow: 5px 0 #ddd;
}
85%{
color: #8e44ad;
text-shadow: -5px 0 #ddd;
}
100%{
color: #34495e;
text-shadow: 0 0 #ddd;
}
}
@media only screen and (max-width: 767px){
.link{ margin-bottom: 30px; }
}