/* various reusable animations */

@keyframes window-appear {
    0% { opacity: 0; transform: scale(0.5, 0.5); }
    100% { opacity: 1; transform: scale(1, 1); }
}

@keyframes rainbow {
    0% { filter: hue-rotate(0deg) contrast(150%) saturate(150%); }
    100% { filter: hue-rotate(360deg) contrast(150%) saturate(150%); }
}

@keyframes bg-gradient {
    0% { background-position: 0% 27% }
    50% { background-position: 100% 74% }
    100% { background-position: 0% 27% }
}