/* Snow container lives inside navbar */
.navbar {
    /* position: relative;   REQUIRED */
    /* overflow: hidden;     REQUIRED */
  }
  
  /* Snowflake */
  .snowflake {
    position: absolute;
    top: -15px;
    width: 4px;           /* BIGGER so visible */
    height: 4px;
    background: white;
    border-radius: 50%;
    opacity: 0.9;
    pointer-events: none;
    z-index: 9999;        /* ABOVE navbar content */
    box-shadow: 0 0 6px rgba(255,255,255,0.8);
    animation: snow-fall 0.55s linear infinite;
  }
  
  @keyframes snow-fall {
    to {
      transform: translateY(75px);
    }
  }