Add in Graduation Countdown

src/routes/portfolio/+page.svelte

@@ -1,12 +1,13 @@
 <script>
   import Divider from "../../components/divider.svelte";
+  import Countdown from "../../components/countdown.svelte";
 </script>
 
 <div
   class="hero height-minus-nav bg-gradient-to-br from-primary from-10% to-accent to-80%"
 >
   <div class="hero-overlay bg-opacity-30"></div>
-  <div class="hero-content text-left text-neutral-content flex-col lg:flex-row">
+  <div class="hero-content text-left text-accent-content flex-col lg:flex-row">
     <div class="skeleton w-48 h-64 shadow-2xl max-w-sm"></div>
     <div>
       <h1 class="mb-6 text-6xl font-bold">
@@ -17,7 +18,7 @@
         neat things.
       </p>
     </div>
-    <div class="hidden md:flex divider divider-horizontal divider-start">
+    <div class="hidden lg:flex divider divider-horizontal divider-start">
       Scoll
     </div>
   </div>
@@ -35,3 +36,6 @@
 </p>
 
 <Divider />
+
+<h1 class="my-6 text-6xl text-center text-base-content font-bold">Education</h1>
+<Countdown />