/* animate css */
body h2.animate-me { position: relative; opacity: 0; top: -20px; }
body h2.animate { position: relative; opacity: 1; top: 0; animation: headingAnimate 1.0s ease; }
body img.animate-me { transform: scale(0.1); opacity: 0; }
body img.animate { animation: popInImage 1s ease; opacity: 1; transform: scale(1); }
/* add image exceptions for animations */
body #masthead img.animate, body li.wp-block-post img { animation: none !important; }
body #masthead img.animate-me, body li.wp-block-post img { transform: none !important; opacity: 1 !important; }

@keyframes headingAnimate {
    0% { opacity: 0; top: -20px; }
    100% { opacity: 1; top: 0px; }
}
@keyframes headingAnimateLeft {
    0% { opacity: 0; left: -60px; }
    100% { opacity: 1; left: 0px; }
}
@keyframes popInImage {
    0% { opacity: 0; transform: scale(0.1); }
    50% { opacity: 1; transform: scale(1.2); }
    100% { opacity: 1; transform: scale(1); }
}
body h3.animate-me { position: relative; opacity: 0; left: -60px; }
body h3.animate { position: relative; opacity: 1; left: 0; animation: headingAnimateLeft 1.0s ease; animation-delay: 150; }
@keyframes iconDrop {
    0% { opacity: 0; transform: scale(0.5); top: -20px; }
    10% { opacity: 1; transform: scale(1.05); top: -20px; }
    100% { opacity: 1; transform: scale(1); top: 0px; }
}
body #social-media-links.animate-me a { position: relative; opacity: 0; top: -20px; }
body #social-media-links.animate a { animation: iconDrop 1.0s ease; }
body #social-media-links.animate a:nth-child(2) { animation-delay: 150; }
body #social-media-links.animate a:last-child { animation-delay: 250; }