@keyframes pulse {

            0% {

                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);

            }

            70% {

                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);

            }

            100% {

                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);

            }

        }

        

        @media (max-width: 768px) {

            nav ul {

                flex-direction: column;

                display: none;

            }

            

            .hero h1 {

                font-size: 2rem;

            }

            

            .hero p {

                font-size: 1rem;

            }

            

            .section-title h2 {

                font-size: 2rem;

            }

        }