tem" href="#portfolio">Portfolio</a>
                    </li>
                    <li>
                        <a class="nav-links-item" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>

            <div class="nav-menu">
                <img id="nav-icon" src="assets/hamburger.svg" alt="Menu Icon" class="hamburger-icon" />
            </div>
        </nav>
    </header>

    <main>
        <section id="hero">
            <div class="hero-text" data-aos="fade-u