@charset "UTF-8";
/* CSS Document */

/*
----------------------------------------------------------------------------------------------
animation: name duration timing-function delay iteration-count direction fill-mode play-state;
----------------------------------------------------------------------------------------------
animation-name: spin;
animation-duration: 3s;
animation-timing-function: linear;
animation-delay: 3s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-fill-mode: both;
animation-play-state: running;
/*

/*
==============================================
Soical Icons grow and BG color change
==============================================
*/

.social img {
    -webkit-animation: socialdown .5s both;
    animation: socialdown .5s both;
}
.social a:hover img {
    -webkit-animation: socialup .5s both;
    animation: socialup .5s both;
}
@-webkit-keyframes socialup {
    0% {
    -webkit-transform: scale(1);
    background-color: #4e1c0d;
    }
    100% {
    -webkit-transform: scale(1.1);
    background-color: #3c160b;
    }
}
@keyframes socialup {
    0% {
    transform: scale(1);
    background-color: #4e1c0d;
    }
    100% {
    transform: scale(1.1);
    background-color: #3c160b;
    }
}

@-webkit-keyframes socialdown {
    0% {
    -webkit-transform: scale(1.1);
    background-color: #3c160b;
    }
    100% {
    -webkit-transform: scale(1);
    background-color: #4e1c0d;
    }
}
@keyframes socialdown {
    0% {
    transform: scale(1.1);
    background-color: #3c160b;
    }
    100% {
    transform: scale(1);
    background-color: #4e1c0d;
    }
}