/* ========================================
           SMALL MOBILE
           ======================================== */

        @media (max-width: 400px) {

            .hero-content {
                width: 90%;
            }

            .hero-content h1 {
                font-size: 30px;
            }

            .hero-content p {
                font-size: 52px;
                letter-spacing: 1px;
            }

            .watch-button {
                padding:
                    15px 35px;
            }

            .animation-content {
                padding:
                    3rem 1.25rem;
            }

            .animation-title {
                font-size:
                    2.5rem;

                margin-bottom:
                    2rem;
            }

            .animation-process {
                gap:
                    1.6rem;
            }
        }