.snowflake{


position:absolute;


top:-20px;


color:white;


user-select:none;


pointer-events:none;


animation-name:snowfall;


animation-timing-function:linear;


animation-iteration-count:infinite;


}



@keyframes snowfall{


0%{


transform:

translateY(-10vh)

translateX(0)

rotate(0deg);


}



50%{


transform:

translateY(50vh)

translateX(40px)

rotate(180deg);


}



100%{


transform:

translateY(110vh)

translateX(-40px)

rotate(360deg);


}



}



.star{


position:absolute;


width:2px;

height:2px;


background:white;


border-radius:50%;


opacity:.8;


}
@keyframes twinkle{


0%,100%{

opacity:.2;

}


50%{

opacity:1;

}


}