.animated-creature-container
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.animated-creature-container a
{
    transition: transform 0.15s ease-out;
}

.animated-creature-container a:hover, .animated-creature-container a:active
{
    transform: scale(1.1);
}

.animated-creature
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
}

.animated-creature .animated-creature-body
{
    width: 100%;
}

.animated-creature .animated-creature-pupil, .animated-creature-sclera
{
    position: absolute;
    width: 100%;
}

.single-blink-animation
{
    animation: single-blink 0.1s ease-in-out;
}

.double-blink-animation
{
    animation: double-blink 0.2s ease-in-out;
}

@keyframes single-blink
{
    50%
    {
        transform: scaleY(0);
    }
}

@keyframes double-blink 
{
    25%
    {
        transform: scaleY(0);
    }

    50%
    {
        transform: scaleY(1);
    }

    75%
    {
        transform: scaleY(0);
    }

    100%
    {
        transform: scaleY(1);
    }
}