hamburger transition

src/routes/+layout.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { fade, fly } from 'svelte/transition';
     import MediaQuery from 'svelte-media-queries';
 
     const footerCollapseThreshold : string = '1000px';
@@ -44,7 +45,7 @@
                     </button>
             </div>
             {#if !navbarHidden}
-                <div class="nav-list">
+                <div class="nav-list" transition:fly={{ y: -25, duration: 350 }}>
                     <a on:click={resetNavBar} href="/">Home</a>
                     <a on:click={resetNavBar} href="/games">Games</a>
                     <a on:click={resetNavBar} href="/post">Blog</a>