Css styling for Tos

src/views/documentation/About.vue

@@ -1,32 +1,31 @@
 <template>
   
-  <div class="document">
+  <div class="DocContainer">
 
-    <h1>À propos</h1>
+    <h1 class="DocTitle py-10">À propos</h1>
 
-    <p>
+    <p class="text-justify">
       Bienvenue sur la page "À Propos" d’Hutopy, où nous partageons notre histoire, notre mission,
       notre vision, et vous présentons l'équipe passionnée qui rend tout cela possible. Hutopy
       n'est pas seulement une plateforme ; c'est une communauté, un mouvement, un lieu où la
       créativité rencontre la technologie pour créer des expériences inoubliables.
-
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Notre Histoire
     </h2>
 
-    <p>
+    <p class="text-justify">
       Hutopy a été fondée en 2024, née de l'idée simple mais puissante que chaque créateur qu'il
       soit grand ou petit, novice ou expérimenté, devrait avoir accès aux outils et au soutien
       nécessaires pour partager sa passion avec le monde.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Notre Mission
     </h2>
 
-    <p>
+    <p class="text-justify">
       Notre mission est de démocratiser la création de contenu numérique, en offrant une
       plateforme accessible, intuitive et puissante qui permet aux créateurs de tout horizon de
       s'exprimer, d'innover et de connecter avec une audience mondiale. Nous nous engageons à
@@ -35,22 +34,22 @@
 
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Notre Vision
     </h2>
 
-    <p>
+    <p class="text-justify">
       Nous envisageons un monde où la barrière entre les créateurs et leur audience est réduite au
       minimum, où les idées, l'expertise et les histoires peuvent circuler librement et sans
       entrave. Hutopy aspire à être au cœur de cet écosystème créatif et professionnel, en étant
       une source d'inspiration, une plateforme de lancement et un foyer pour tous.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Notre Équipe
     </h2>
 
-    <p>
+    <p class="text-justify">
       Derrière Hutopy, il y a une équipe de penseurs innovants, de créatifs passionnés et de
       technologues dévoués, tous unis par le désir de soutenir la communauté des créateurs de
       contenu. Notre équipe est notre plus grande force, chaque membre apportant une expertise
@@ -181,7 +180,7 @@
 
     </v-row>
 
-    <p>
+    <p class="text-justify py-6">
       Chez Hutopy, nous sommes plus qu'une plateforme ; nous sommes une famille dédiée à la
       réussite de nos créateurs. Nous vous invitons à nous joindre dans cette aventure
       passionnante, à partager votre créativité et votre expertise avec le monde et à faire
@@ -192,33 +191,6 @@
 
 </template>
 
-<style scoped>
-
-.important {
-  @apply m-2 text-red-500 my-4
-}
-
-.document {
-  @apply flex flex-col mx-10 space-y-4
-}
-
-h1 {
-  @apply self-center my-20 text-6xl font-bold
-}
-
-h2 {
-  @apply text-lg font-normal font-semibold font-sans
-}
-
-p {
-  @apply text-base font-normal font-sans
-}
-
-.member-profile-picture {
-  width: 250px;
-  height: auto;
-}
-
+<style>
+@import 'src/cssstyle/documentation.css';
 </style>
-<script setup lang="ts">
-</script>