Updated about page

src/pages/about.astro

@@ -15,16 +15,13 @@ import Layout from '../layouts/Layout.astro'
       AIO Tools is made using <a target="_blank" href="https://astro.build/">AstroJS</a> and <a target="_blank" href="https://www.solidjs.com/">SolidJS</a> to achieve maximum performance and to provide a smooth user experience, and is styled with <a target="_blank" href="https://sass-lang.com/">SASS</a>. The UI Components are manually built from scratch for better flexibility. Third-party open-source libraries are used in some tools, you may find the complete list in the package.json file of the
       repository.
     </p>
-
-    <!-- <h2 class="paragraph-title">Found a bug? A tool is missing?</h2> -->
-    <!-- <p class="paragraph-content">If you need a tool that is currently not present here, and you think can be useful, you are welcome to submit a feature request in the issues section in the GitHub repository. And if you found a bug, or something doesn't work as expected, please file a bug report in the issues section in the GitHub repository.</p> -->
   </main>
 </Layout>
 
-
 <style lang="sass">
-  @use '/src/assets/css/viewport.sass' as view
-  @use '/src/assets/css/variables.sass' as vars
+  @use '/src/styles/breakpoint.sass' as view
+  @use '/src/styles/variables.sass' as vars
+  @use '/src/styles/fonts.sass' as fonts
   @use 'sass:color'
 
   .page
@@ -33,7 +30,7 @@ import Layout from '../layouts/Layout.astro'
     flex-direction: column
     items-align: center
     color: #ffffff
-    font-family: 'Inter', sans-serif
+    font-family: fonts.$Inter
 
     @media screen and (max-width: view.$tablet)
       padding: 1rem