@keyframes float{0%{transform:translateY(0) rotate(0deg);opacity:.2}25%{opacity:.5}50%{transform:translateY(-15px) rotate(5deg);opacity:.8}75%{opacity:.5}to{transform:translateY(0) rotate(0deg);opacity:.2}}.animate-float{animation-name:float;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes snowfall{0%{transform:translateY(0) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) translateX(20px) rotate(1turn);opacity:0}}.snowflake{position:absolute;color:#fff;font-size:1.5rem;text-shadow:0 0 5px hsla(0,0%,100%,.3);z-index:10;pointer-events:none;animation-name:snowfall;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0}