<nav>
    <a href='#about'>About Me</a>
</nav>
<div></div>

<main id='about'>
  <h1>Aya Bouchiha</h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed quo perspiciatis sequi quia incidunt harum aliquam magnam voluptates aut corrupti mollitia quod illo cupiditate repellat consequuntur, excepturi unde deleniti ad.</p>
 <a 
     target='_blank'                      href='mailto:developer.aya.b@gmail.com'>developer.aya.b@gmail.com
 </a>
</main>

html {
  scroll-behavior:smooth;
}
div {
  height:300vh;
}