.up {
            transition: transform 60s ease;
        }

        .up:hover {
            transform: translateY(10000%);
        }

        .down {
            transform: translateY(10000%);
        }

        video {
            width: 300px;
        }

        .fade {
            transition: 3s;
        }

        .fade:hover {
            opacity: 0;
        }

        .ease {
            transition: 2s cubic-bezier(0, 3, .1, 0);
        }

        .ease:hover {
            transform: translateX(100px);
        }

        .spin {
            display: inline-block;
            animation: spin 2s linear infinite;
            transition: 1s;
        }

        @keyframes spin {
            0% { transform: rotate(0deg) scale(1); }
            50% { transform: rotate(180deg) scale(3); }
            100% { transform: rotate(360deg) scale(1); }
        }

        .spin:hover {
            filter: brightness(10);
        }