update february #3 - major update part 4

Author: theMimolet

assets/css/home_style.css

@@ -4,49 +4,6 @@
   text-align: center; 
 }
 
-.horizontal-bar{
-  max-width: 100%;
-  margin: auto auto 20px auto;
-  padding: 0px 5% 0px 5%;
-
-  -webkit-user-select: none;
-          user-select: none;
-
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-  list-style-type: none;
-
-  border-radius: var(--border-radius);
-  background: var(--accent);
-}
-
-.horizontal-bar li, .horizontal-bar div{
-
-  margin: 5px;
-  padding: 7px;
-  
-  border-radius: var(--border-radius);
-  cursor: pointer;
-
-  box-shadow: 0px 0px 3px 0px black;
-  background-color: var(--menu);
-
-  -webkit-backdrop-filter: blur(20px);
-          backdrop-filter: blur(20px);
-
-  transition: background-color 0.2s;
-}
-
-.horizontal-bar a{
-  text-decoration: none;
-  font-size: 1.2em;
-}
-
-.horizontal-bar li:hover, .horizontal-bar div:hover{
-  background-color: var(--menu-hover);
-}
 
 /* "Header" */
 
@@ -61,7 +18,7 @@
 #citation{
   margin-top: 10px;
   font-family: 'Dancing Script', cursive;
-  font-size: 1.7em;
+  font-size: 1.9em;
 }
 
 #about p{
@@ -111,7 +68,7 @@
   -webkit-backdrop-filter: blur(20px);
           backdrop-filter: blur(20px);
 
-  transition: background-color 0.2s;
+  transition: background-color 0.5s;
 }
 
 #socials div:hover{
@@ -139,7 +96,7 @@
 
 #game-gallery{
   margin: 20px auto auto auto;
-  height: 35vh;
+  height: 40vh;
   /* height: auto; */
   width: 95%;
 
@@ -221,11 +178,6 @@
     flex-wrap: wrap;
   }
 
-  #game-gallery{
-    width: 100%;
-    Border-radius: 0px;
-  }
-
   /* Game gallery */
 
   #game-gallery{

assets/css/main_style.css

@@ -59,7 +59,7 @@
 }
 
 h1{
-  font-size: 3em;
+  font-size: 3.2em;
   margin-top: -5px;
   margin-bottom: 0px;
 }
@@ -74,7 +74,7 @@ svg path{
 }
 
 img{
-  transition: filter 0.2s;
+  transition: filter 0.5s;
 }
 
 .bold{

index.html

@@ -56,13 +56,12 @@ <h1>Mimolet</h1>
 
     <section id="about">
       <div class="french">
-        <!-- <h2>Bienvenue, cher visiteur ! 👋</h2> -->
-        <p>Je m'appelle <span class="bold">Samuel</span>, mais on me connaît sous le nom de <span class="bold">Mimolet</span> !</p>
+        <p>Bonjour ! Je m'appelle <span class="bold" title="c'est moi !">Samuel</span>, mais on me connaît sous le nom de <span class="bold" title="c'est toujours moi !">Mimolet</span> !</p>
         <p>
-          Passionné de <span class="bold">jeux vidéo</span>, <span class="bold">trains</span> et de <span class="bold">technologie</span>, 
-          j'adore aussi créer des <span class="bold">montages photo</span> et <span class="bold">vidéo</span>… et, soyons honnêtes, <span class="italic">être un nerd à plein temps !</span>
+          Passionné de <span class="bold" title="piou piou ! 🔫">jeux vidéo</span>, <span class="bold" title="tchou tchou ! 🚂">trains</span> et de <span class="bold" title="bip boup ! 🤖">technologie</span>, 
+          j'adore aussi créer des <span class="bold">montages photo</span> et <span class="bold">vidéo</span>… et, soyons honnêtes, <span class="italic" title="et fier de l'être 😎">être un nerd à plein temps !</span>
         </p>
-        <p>Actuellement étudiant en <span class="bold">informatique</span>, j’ai conçu ce site pour vous permettre de découvrir facilement <span class="bold">mes projets</span> et de <span class="bold">me retrouver</span> sur Internet.</p>
+        <p>Actuellement étudiant en <span class="bold" title="chez Ynov Campus">informatique</span>, j’ai conçu ce site pour vous permettre de découvrir facilement <span class="bold">mes projets</span> et de <span class="bold">me retrouver</span> sur Internet.</p>
         <p>Bonne visite ! 🚀 </p>
       </div>
 
@@ -169,6 +168,7 @@ <h1>Mimolet</h1>
           </a>
         </div>
     </div>
+    
     <hr width="35%">
 
     <!-- Game section -->