diff --git a/src/components/EnvList.vue b/src/components/EnvList.vue
index 5d92a41..f280815 100644
--- a/src/components/EnvList.vue
+++ b/src/components/EnvList.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul class="list-disc ml-10 text-gray-600 dark:text-dark-100 text-xl">
+  <ul class="list-disc ml-10 text-gray-700 dark:text-gray-400 text-xl">
     <slot/>
   </ul>
 </template>
diff --git a/src/components/EnvListItem.vue b/src/components/EnvListItem.vue
index d0dce30..5e1986c 100644
--- a/src/components/EnvListItem.vue
+++ b/src/components/EnvListItem.vue
@@ -1,7 +1,7 @@
 <template>
   <li>
     {{ $t(title) }}:
-    <a class="duration-300 text-orange-400 font-medium border-b-2 border-opacity-0 hover:border-opacity-100 border-orange-400 border-solid" v-if="link" :href="link" target="_blank">{{ content }}</a>
+    <a class="duration-300 text-teal-400 font-medium border-b-2 border-opacity-0 hover:border-opacity-100 border-teal-400 border-solid" v-if="link" :href="link" target="_blank">{{ content }}</a>
     <span v-else>{{ content }}</span>
   </li>
 </template>
diff --git a/src/components/Experience.vue b/src/components/Experience.vue
index 2ec7bf7..6e3b1a7 100644
--- a/src/components/Experience.vue
+++ b/src/components/Experience.vue
@@ -1,16 +1,16 @@
 <template>
   <div class="flex flex-row mb-5">
-    <div class="self-center flex h-4 w-4 mr-4 relative">
-      <span v-if="end === 'Today'" class="animate-ping relative inline h-4 w-4 rounded-full bg-orange-400 opacity-75"></span>
-      <span v-else class="inline relative h-4 w-4 rounded-full bg-gray-400 opacity-75"></span>
-      <span v-if="end === 'Today'" class="inline absolute rounded-full h-4 w-4 bg-orange-500"></span>
-      <span v-else class="inline absolute rounded-full h-4 w-4 bg-gray-500"></span>
+    <div class="self-center flex h-3 w-3 mr-3 relative">
+      <span v-if="end === 'Today'" class="animate-ping relative inline h-3 w-3 rounded-full bg-teal-400 opacity-75"></span>
+      <span v-else class="inline relative h-3 w-3 rounded-full bg-gray-400 opacity-75"></span>
+      <span v-if="end === 'Today'" class="inline absolute rounded-full h-3 w-3 bg-teal-500"></span>
+      <span v-else class="inline absolute rounded-full h-3 w-3 bg-gray-500"></span>
     </div>
     <div class="leading-7">
       <p v-if="isSameDate()" class="text-base dark:text-dark-100 text-gray-800 leading-6">{{ getBeginDate }} <span class="px-3">|</span> {{location}}</p>
       <p v-else class="text-base dark:text-dark-100 text-gray-800 leading-6">{{ getBeginDate }} - {{ getEndDate }} <span class="px-3">|</span> {{location}}</p>
       <h1 class="text-2xl font-bold">{{ $t(title) }}</h1>
-      <h2 class="text-xl">{{ company }}</h2>
+      <h2 class="text-xl text-gray-700 dark:text-gray-400">{{ company }}</h2>
     </div>
   </div>
 </template>
diff --git a/src/components/Formation.vue b/src/components/Formation.vue
index c60de0d..1946e1d 100644
--- a/src/components/Formation.vue
+++ b/src/components/Formation.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="flex flex-row mb-5">
-    <div class="self-center flex h-4 w-4 mr-4 relative">
-      <span v-if="end === 'Today'" class="animate-ping relative inline h-4 w-4 rounded-full bg-orange-400 opacity-75"></span>
-      <span v-else class="inline relative h-4 w-4 rounded-full bg-gray-400 opacity-75"></span>
-      <span v-if="end === 'Today'" class="inline absolute rounded-full h-4 w-4 bg-orange-500"></span>
-      <span v-else class="inline absolute rounded-full h-4 w-4 bg-gray-500"></span>
+    <div class="self-center flex h-3 w-3 mr-3 relative">
+      <span v-if="end === 'Today'" class="animate-ping relative inline h-3 w-3 rounded-full bg-teal-400 opacity-75"></span>
+      <span v-else class="inline relative h-3 w-3 rounded-full bg-gray-400 opacity-75"></span>
+      <span v-if="end === 'Today'" class="inline absolute rounded-full h-3 w-3 bg-teal-500"></span>
+      <span v-else class="inline absolute rounded-full h-3 w-3 bg-gray-500"></span>
     </div>
     <div class="leading-7">
       <p class="text-base dark:text-dark-100 text-gray-800 leading-6">{{ getBeginDate }} - {{ getEndDate }} <span class="px-3">|</span> {{location}}</p>
       <h1 class="text-2xl font-bold">{{ $t(title) }}</h1>
-      <h2 class="text-xl">{{ $t(description) }}</h2>
+      <h2 class="text-xl text-gray-700 dark:text-gray-400">{{ $t(description) }}</h2>
     </div>
   </div>
 </template>
diff --git a/src/components/InterestsAbout.vue b/src/components/InterestsAbout.vue
index 825ee42..95972a7 100644
--- a/src/components/InterestsAbout.vue
+++ b/src/components/InterestsAbout.vue
@@ -8,7 +8,7 @@
       </svg>
     </h3>
     <div>
-      <ul class="text-xl">
+      <ul class="text-xl text-gray-700 dark:text-gray-400">
         <li class="my-2">
           {{ $t('about.title.technologies') }}
           <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
diff --git a/src/components/LanguagesAbout.vue b/src/components/LanguagesAbout.vue
index fefdbc8..ba5011b 100644
--- a/src/components/LanguagesAbout.vue
+++ b/src/components/LanguagesAbout.vue
@@ -7,7 +7,7 @@
       </svg>
     </h3>
     <div>
-      <table class="text-base text-xl">
+      <table class="text-base text-xl text-gray-700 dark:text-gray-400">
         <tr>
           <td class="font-bold py-2 pr-4">{{ $t('about.languages.fr')}} 🇫🇷</td>
           <td class="py-2 px-4">{{ $t('about.languages.native') }}</td>
diff --git a/src/components/PageTitle.vue b/src/components/PageTitle.vue
index 0395860..f7a3ab0 100644
--- a/src/components/PageTitle.vue
+++ b/src/components/PageTitle.vue
@@ -1,6 +1,6 @@
 <template>
   <h1
-    class="mt-16 md:mt-32 font-bold text-2xl md:text-4xl mr-2 inline mb-4 border-b-2 border-solid border-gray-200 dark:border-gray-800"
+    class="mt-16 md:mt-32 font-bold text-2xl md:text-4xl mr-2 inline mb-4 border-b-2 border-solid border-teal-400"
   >
     {{ this.$t(title) }}
     <slot />
diff --git a/src/components/Post.vue b/src/components/Post.vue
index 24078ed..a299ca4 100644
--- a/src/components/Post.vue
+++ b/src/components/Post.vue
@@ -66,7 +66,7 @@ export default {
     reading_time: {
       type: Number,
       default: 0
-    },
+    }
   },
   setup(props: PostHomeProps) {
     const getBackgroundCover = computed(() => require(`@/assets/images/posts/${props.cover}`))
diff --git a/src/components/PresentationAbout.vue b/src/components/PresentationAbout.vue
index 15d140c..cf7a19b 100644
--- a/src/components/PresentationAbout.vue
+++ b/src/components/PresentationAbout.vue
@@ -1,10 +1,10 @@
 <template>
-  <section class="flex flex-col md:flex-row justify-center items-center py-8">
-    <div class="md:mr-12">
+  <section class="flex flex-col 2xl:flex-row justify-center items-center py-8">
+    <div class="lg:mr-12">
       <img class="logo-img rounded-full my-5 shadow-lg" src="@/assets/images/Logo.jpg" alt="It's me !" />
     </div>
-    <div class="ml-2 text-lg leading-6 md:w-2/3 text-justify dark:text-gray-400 text-gray-700">
-      <p>{{ $t('about.banner.hello') }} <span class="text-orange-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
+    <div class="ml-2 text-lg leading-6 xl:w-2/3 text-justify dark:text-gray-400 text-gray-700">
+      <p>{{ $t('about.banner.hello') }} <span class="text-teal-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
       <p>{{ $t('about.banner.1')}}</p> <br/>
       <p>{{ $t('about.banner.2') }}</p> <br/>
       <p>{{ $t('about.banner.3') }}</p>
diff --git a/src/components/Skill.vue b/src/components/Skill.vue
index 7ad66fe..b840dcc 100644
--- a/src/components/Skill.vue
+++ b/src/components/Skill.vue
@@ -4,7 +4,7 @@
       <div>
         <img class="rounded-sm" alt="Skill Img" :src="getCoverLink">
       </div>
-      <h1 class="md:text-lg text-md font-bold text-center">{{ skill }}</h1>
+      <h1 class="md:text-lg text-md font-bold text-center text-gray-700 dark:text-gray-400">{{ skill }}</h1>
     </div>
   </div>
 </template>
diff --git a/src/components/SkillsAbout.vue b/src/components/SkillsAbout.vue
index c94b0de..1e2f4c8 100644
--- a/src/components/SkillsAbout.vue
+++ b/src/components/SkillsAbout.vue
@@ -6,7 +6,7 @@
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
       </svg>
     </h3>
-    <div class="flex flex-row w-full overflow-x-auto md:overflow-x-hidden md:flex-wrap space-x-4 md:space-x-0 md:justify-start">
+    <div class="flex flex-row w-full overflow-x-auto md:overflow-x-hidden lg:flex-wrap space-x-4 lg:space-x-0 lg:justify-center">
       <div v-if="skills" v-for="skill in skills">
         <Skill
           :skill="skill.title"
diff --git a/src/locales/en-EN.ts b/src/locales/en-EN.ts
index 27c69ed..9fc6d71 100644
--- a/src/locales/en-EN.ts
+++ b/src/locales/en-EN.ts
@@ -117,7 +117,7 @@ export default {
     communication_tool: 'Communication tool',
     organisation_tool: 'Organisation tool',
     hosting: {
-      vps: 'VPS hosting',
+      cloud: 'Cloud Hosting',
       ndd: 'Domain name'
     },
     setup: {
diff --git a/src/locales/fr-FR.ts b/src/locales/fr-FR.ts
index dc02caa..920c850 100644
--- a/src/locales/fr-FR.ts
+++ b/src/locales/fr-FR.ts
@@ -117,7 +117,7 @@ export default {
     communication_tool: 'Outil de Communication',
     organisation_tool: 'Outil d\'Organisation',
     hosting: {
-      vps: 'Hébergeur VPS',
+      cloud: 'Hébergeur Cloud',
       ndd: 'Nom de domaine'
     },
     setup: {
diff --git a/src/pages/about.vue b/src/pages/about.vue
index ddd5059..28b123b 100644
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -1,8 +1,7 @@
 <template>
-  <main class="about flex flex-col items-center">
+  <main class="about flex flex-col items-center mb-8 px-5 xl:px-64">
     <PageTitle
       title="part.about"
-      color="orange"
     >
       <svg class="inline-block icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
diff --git a/src/pages/blog/_slug.vue b/src/pages/blog/_slug.vue
index 783d2b0..6aaf04e 100644
--- a/src/pages/blog/_slug.vue
+++ b/src/pages/blog/_slug.vue
@@ -59,7 +59,7 @@
             <div class="mr-2 lining-nums">
               {{ likes }}
             </div>
-            <div class="icon-hover inline">❤️</div>
+            <div class="icon-hover inline" :class="liked ? 'animate-bounce ease duration-500':''">❤️</div>
           </div>
           <a
             target="_blank"
diff --git a/src/pages/uses.vue b/src/pages/uses.vue
index 56e79bc..37593e4 100644
--- a/src/pages/uses.vue
+++ b/src/pages/uses.vue
@@ -1,8 +1,7 @@
 <template>
-  <main class="about flex flex-col items-center">
+  <main class="about flex flex-col items-center px-5 xl:px-64">
     <PageTitle
       title="about.environment"
-      color="orange"
     >
       <svg class="inline icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" />
@@ -36,7 +35,7 @@
         <EnvListItem title="about.email_client" content="Courrier by Microsoft" link="https://www.microsoft.com/fr-fr/p/courrier-et-calendrier/9wzdncrfhvqm?activetab=pivot:overviewtab"/>
         <EnvListItem title="about.vpn_client" content="Pritunl" link="https://pritunl.com/"/>
         <EnvListItem title="about.ftp_client" content="WinSCP" link="https://winscp.net/eng/download.php"/>
-        <EnvListItem title="about.web_client" content="FireFox Developer Edition" link="https://www.mozilla.org/fr/firefox/developer/"/>
+        <EnvListItem title="about.web_client" content="Google Chrome" link="https://www.google.com/intl/fr_fr/chrome/"/>
         <EnvListItem title="about.organisation_tool" content="Notion" link="https://www.notion.so/"/>
         <EnvListItem title="about.organisation_tool" content="Trello" link="https://www.trello.com/"/>
         <EnvListItem title="about.design_tool" content="Affinity Designer" link="https://affinity.serif.com/fr/designer/"/>
@@ -52,8 +51,8 @@
         </svg>
       </EnvTitle>
       <EnvList>
-        <EnvListItem title="about.hosting.vps" content="PulseHeberg" link="https://pulseheberg.com/"/>
         <EnvListItem title="about.hosting.ndd" content="OVH" link="https://ovh.com/"/>
+        <EnvListItem title="about.hosting.cloud" content="Digital Ocean" link="https://www.digitalocean.com/"/>
       </EnvList>
     </EnvGroup>
     <EnvGroup>
@@ -65,9 +64,9 @@
       <EnvList>
         <EnvListItem title="about.setup.desk" content="Ikea"/>
         <EnvListItem title="about.setup.phone" content="Apple Iphone Xr" link="https://www.apple.com/fr/shop/buy-iphone/iphone-xr"/>
-        <EnvListItem title="about.setup.computer" content="Asus i5, 8Go Ram, GTX 950, 1To HDD"/>
-        <EnvListItem title="about.setup.screen" content="iiyama ProLite E2283HS" link="https://iiyama.com/fr/fr/produits/prolite-e2283hs-b3/"/>
-        <EnvListItem title="about.setup.keyboard" content="Microsoft"/>
+        <EnvListItem title="about.setup.computer" content="Lenovo Y520 (i5, 8Go Ram, 1To HDD, 250Go SSD)"/>
+        <EnvListItem title="about.setup.screen" content="Iiyama ProLite E2283HS" link="https://iiyama.com/fr/fr/produits/prolite-e2283hs-b3/"/>
+        <EnvListItem title="about.setup.keyboard" content="Acer"/>
         <EnvListItem title="about.setup.mouse" content="Roccat Kova" link="https://fr.roccat.org/Mice/Kova-AIMO"/>
         <EnvListItem title="about.setup.headphone" content="Apple Airpods" link="https://www.apple.com/fr/airpods/"/>
         <EnvListItem title="about.setup.microphone" content="Turtle Beach px22" link="https://www.amazon.fr/Turtle-Beach-PX22-casque-gaming/dp/B00BDS415I"/>