﻿
.link {
    display: inline-block;
    text-decoration: none;
    animation: highlight 15s infinite;
}

    .link:visited {
        text-decoration: none;
        text-shadow: 2px 2px 15px #00FF00;
    }

    .link:active {
        text-decoration: none;
        animation: glow 2s infinite;
    }

    .link:hover {
        text-decoration: none;
        animation: rotate 2s;
    }

@keyframes highlight {
    0% {
        transform: scale(1);
        text-shadow: none;
    }

    2% {
        transform: scale(1.2);
        text-shadow: 2px 2px 15px #0000FF;
    }

    4% {
        transform: scale(0.9);
        text-shadow: none;
    }

    6% {
        transform: scale(1.2);
        text-shadow: 2px 2px 15px #0000FF;
    }

    8% {
        transform: scale(1);
        text-shadow: none;
    }

    100% {
        transform: scale(1);
        text-shadow: none;
    }
}

@keyframes glow {
    0% {
        text-shadow: none;
    }

    100% {
        text-shadow: 2px 2px 15px #0000FF;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(720deg);
    }
}
