.snowflakes{height:120%;left:0;pointer-events:none;position:fixed;right:0;top:-10%;z-index:0}.snowflake{animation:snowfall linear infinite;color:#fff;font-size:1em;opacity:.8;position:absolute}.snowflake:first-child{animation-delay:-2s;left:10%}.snowflake:nth-child(2){animation-delay:-4s;left:20%}.snowflake:nth-child(3){animation-delay:-6s;left:30%}.snowflake:nth-child(4){animation-delay:-8s;left:40%}.snowflake:nth-child(5){animation-delay:-10s;left:50%}.snowflake:nth-child(6){animation-delay:-12s;left:60%}.snowflake:nth-child(7){animation-delay:-14s;left:70%}.snowflake:nth-child(8){animation-delay:-16s;left:80%}.snowflake:nth-child(9){animation-delay:-18s;left:90%}.snowflake:nth-child(10){animation-delay:-20s;left:95%}.snowflake:nth-child(11){animation-delay:-3s;left:15%}.snowflake:nth-child(12){animation-delay:-5s;left:25%}.snowflake:nth-child(13){animation-delay:-7s;left:35%}.snowflake:nth-child(14){animation-delay:-9s;left:45%}.snowflake:nth-child(15){animation-delay:-11s;left:55%}.snowflake:nth-child(16){animation-delay:-13s;left:65%}.snowflake:nth-child(17){animation-delay:-15s;left:75%}.snowflake:nth-child(18){animation-delay:-17s;left:85%}.snowflake:nth-child(19){animation-delay:-19s;left:92%}.snowflake:nth-child(20){animation-delay:-21s;left:98%}.snowflake:nth-child(odd){animation-duration:15s}.snowflake:nth-child(2n){animation-delay:-6s;animation-duration:12s}@keyframes snowfall{0%{transform:translateY(-100%) rotate(0)}to{transform:translateY(100vh) rotate(1turn)}}