navbar 1

 <header class="site-header">
  <a class="logo" href="#top">
    Vidyamath<span>●</span>
  </a>

  <nav class="nav-links" aria-label="Main navigation">
    <a href="#about">About</a>
    <a href="#skills">Skills</a>
    <a href="#projects">Projects</a>
    <a href="#achievements">Achievements</a>
  </nav>

  <a
    class="youtube-button"
    href="https://www.youtube.com/@vidyamath_official"
    target="_blank"
    rel="noopener noreferrer"
  >
    YouTube <span aria-hidden="true">↗</span>
  </a>
</header>