            brightness(0%)
                    sepia(100%)
                    grayscale(100%)
                    saturate(0%)
                    hue-rotate(90deg)
                    invert(100%)
                    opacity(0%)
            }
            100% {
                filter: none;
            }
        }

        .square {
            width: 100px;
            height: 100px;
            background: black;
            animation-name: animate;
            animation-play-state: paused;
            