@keyframes moveFromTop {
    from { transform: translateY(-800px) }
} 

@keyframes moveFromBottom {
    from { transform: translateY(800px) }
}

/* Used with search bar's label - work around for text not smooth with loading of page */
@keyframes fadeIn {
    from { opacity: 0.15 } 
    to { opacity: 1 }
  }

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to { opacity: 1 }
}