.snow-container {
  
    
    position:fixed; 
    inset:0; 
    z-index:100;
    background:transparent !important;
    pointer-events:none; 
    display:block;
    
}

.snowflake {
    position: absolute;
    top: -30px;
    opacity: 0.5;
    pointer-events: none;
    animation: fall linear infinite;
}

@keyframes fall {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(110vh) rotate(360deg);
        opacity: 0.5;
    }
}

 


.christmas-tree-svg{
  width:15%;
  height:15%; 
 
}

.sparkle{
  /* mix-blend-mode:luminosity */
}
#endMessage{
  font-family: mountains_of_christmasregular;
  font-size: 2rem;
  text-anchor: middle;
  text-align: center;
  fill: #FFFFFF;
  color: #FFFFFF;
  opacity:0;
  letter-spacing: 1px;
}