@include keyframes(fadeIn) {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@include keyframes(fadeOut) {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@include keyframes(rotate) {
    from {
        @include transform(rotate(0deg));
    }
    to {
        @include transform(rotate(359deg));
    }
}

@include keyframes(flyIn) {
    from {
        opacity: 0;
        @include transform(translateY(-40px));
    }

    to {
        opacity: 1;
        @include transform(translateY(0));
    }
}

@include keyframes(flyOut) {
    from {
        opacity: 1;
        @include transform(translateY(0));
    }

    to {
        opacity: 0;
        @include transform(translateY(-40px));
    }
}

@include keyframes(pulse) {
    0% {
        box-shadow: inset 0 0 0 300px transparent;
    }

    70% {
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, .25);
    }

    100% {
        box-shadow: inset 0 0 0 300px transparent;
    }
}
