diff --git a/src/pages/portfolio.astro b/src/pages/portfolio.astro
index f5892be..3e830c2 100644
--- a/src/pages/portfolio.astro
+++ b/src/pages/portfolio.astro
@@ -51,15 +51,23 @@ import editLikeYouGiveAF from "@assets/images/af.png";
           <button
             id="button-heading"
             type="button"
-            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-xs font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
             >Travel</button
           >
         </a>
+        <a href="#documentary">
+          <button
+            id="button-heading"
+            type="button"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            >Documentary</button
+          >
+        </a>
         <a href="#boxing">
           <button
             id="button-heading"
             type="button"
-            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-xs font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
             >Boxing</button
           >
         </a>
@@ -67,7 +75,7 @@ import editLikeYouGiveAF from "@assets/images/af.png";
           <button
             id="button-heading"
             type="button"
-            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-xs font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
             >Car</button
           >
         </a>
@@ -75,7 +83,7 @@ import editLikeYouGiveAF from "@assets/images/af.png";
           <button
             id="button-heading"
             type="button"
-            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-xs font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
             >Animation</button
           >
         </a>
@@ -83,7 +91,7 @@ import editLikeYouGiveAF from "@assets/images/af.png";
           <button
             id="button-heading"
             type="button"
-            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-xs font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
             >Talking-head</button
           >
         </a>
@@ -91,7 +99,7 @@ import editLikeYouGiveAF from "@assets/images/af.png";
           <button
             id="button-heading"
             type="button"
-            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-xs font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
             >Shorts</button
           >
         </a>
@@ -100,7 +108,7 @@ import editLikeYouGiveAF from "@assets/images/af.png";
           <button
             id="button-heading"
             type="button"
-            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-xs font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
+            class="mb-2 me-2 rounded-full border border-gray-300 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
             >Music</button
           >
         </a>
@@ -149,6 +157,18 @@ import editLikeYouGiveAF from "@assets/images/af.png";
           title="travel-trial-v1.1-h265"></iframe>
       </div><script src="https://player.vimeo.com/api/player.js"></script>
     </section>
+    <section id="documentary" class="mb-8 mt-8">
+      <h2 class="title mb-4 text-2xl font-bold">Documentary</h2>
+      <div style="padding:50% 0 0 0;position:relative;">
+        <iframe
+          src="https://player.vimeo.com/video/955411203?badge=0&autopause=0&portrait=false&title=false&byline=false&badge=false"
+          frameborder="0"
+          allow="autoplay; fullscreen; picture-in-picture; clipboard-write"
+          style="position:absolute;top:0;left:0;width:100%;height:100%;"
+          title="Edward Snowden speaks about government transparency at Sam Adams award"
+        ></iframe>
+      </div><script src="https://player.vimeo.com/api/player.js"></script>
+    </section>
     <section id="boxing" class="mb-8 mt-8">
       <h2 class="title mb-4 text-2xl font-bold">Boxing</h2>
       <div style="padding:56.25% 0 0 0;position:relative;">