@keyframes blur-out {
    from {
        filter: blur(10px)
    }
}

@keyframes header-left-anim {
    from {
        opacity: 0;
        transform: translateY(10vh);
    }
}

@keyframes header-right-anim {
    from {
        opacity: 0;
    }
}

@keyframes comfy-glow {
    from {
        filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, .35));
        transform: rotate(-2deg);
    }
    to {
        filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, .60));
        transform: scale(1.05) rotate(1deg);
    }
}

@keyframes wobble {
  0% { transform: scaleX(1) scaleY(1); }
  25% { transform: scaleY(1.05) scaleX(0.95)} 
  50% { transform: scaleY(0.95) scaleX(1.05)} 
  100% { transform: scaleY(1) } 
}