#fx-layer {
        opacity: 0;
        background: none;
        transition: opacity 1000ms ease-out;
        transition: background-color 1000ms ease-out;
    }

    #fx-layer.active {
        opacity: 0.9;
        background: black;
        transition: opacity 1000ms ease-out;
        transition: background-color 1000ms ease-out;
    }

    .spark {
      animation: spark 1.8s ease-out forwards;
    }

    @keyframes spark {
      from { opacity: 1; transform: scale(0); }
      to   { opacity: 0; transform: scale(1.3); }
    }

    .confetti {
      animation: fall linear forwards;
    }

    @keyframes fall {
      from {
        transform: translateY(-5vh) rotate(0deg);
        opacity: 1;
      }
      to {
        transform: translateY(110vh) rotate(360deg);
        opacity: 0;
      }
    }