add fade to pages and canvas duration

src/about/AboutPage.tsx

@@ -1,11 +1,14 @@
 import "./about.sass";
 import {lazy} from "react";
 import {ExternalLink} from "../router/Link";
+import {motion} from "motion/react";
+import {AnimateFade} from "../animations";
 
 const About = lazy(() => import("./About.mdx"));
 
+const main = AnimateFade();
 export default function AboutPage() {
-  return <main className="about-page">
+  return <motion.main initial={main.initial} animate={main.animate} className="about-page">
     <div className="edge"/>
     <section className="about-container">
       <About components={{
@@ -13,5 +16,5 @@ export default function AboutPage() {
       }}/>
     </section>
     <div className="edge"/>
-  </main>
+  </motion.main>
 }

src/about/about.sass

@@ -55,6 +55,8 @@ $reader-bg: #27213C
   display: flex
   flex-direction: row
   justify-content: center
+  > img
+    min-width: 200px
 
 
 .clothing>img