diff --git a/index.html b/index.html
index 9c86e0e..192fc30 100644
--- a/index.html
+++ b/index.html
@@ -44,8 +44,7 @@
 <body class="dark">
 
     <!-- ======= Header ======= -->
-    <header id="header" class="fixed-top d-flex justify-content-center
-            align-items-center header-transparent">
+    <header id="header" class="fixed-top d-flex justify-content-center align-items-center header-transparent">
 
         <nav id="navbar" class="navbar" data-aos="fade-down" data-aos-delay="2000">
             <ul>
@@ -53,9 +52,9 @@
                 <li><a class="nav-link scrollto" href="#about">About</a></li>
                 <li><a class="nav-link scrollto" href="#resume">Resume</a></li>
                 <li><a class="nav-link scrollto" href="#skills">Skills</a></li>
-                <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
+                <li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li>
                 <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
-                <li><i class="dark-mode bi icon-white bi-sun-fill" onClick="toggleDarkMode(event)"></i>
+                <li><i class="bi icon-white bi-sun-fill dark-mode" onClick="toggleDarkMode(event)"></i>
                 </li>
             </ul>
             <i class="bi bi-list mobile-nav-toggle"></i>
@@ -92,13 +91,11 @@
                 </div>
 
                 <div class="row">
-                    <div class="image col-lg-4 d-flex align-items-stretch
-                            justify-content-center justify-content-lg-start" data-aos="fade-up-right">
+                    <div class="image col-lg-4 d-flex align-items-stretch justify-content-center justify-content-lg-start" data-aos="fade-up-right">
                     </div>
-                    <div class="content col-lg-8 ps-lg-4 d-flex flex-column
-                            align-items-stretch justify-content-evenly" data-aos="fade-up-left">
+                    <div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-evenly" data-aos="fade-up-left">
                         <div class="row">
-                            <div class="col-lg-6 mt-4 mt-lg-0">
+                            <div class="mt-4 col-lg-6 mt-lg-0">
                                 <ul>
                                     <li><i class="bi bi-chevron-right"></i>
                                         <strong>Name:</strong>
@@ -137,32 +134,28 @@
                         <div data-aos="fade-up">
 
                             <div class="progress">
-                                <span class="skill"><i class="flag
-                                    flag-france"></i>French <i class="val">Native</i></span>
+                                <span class="skill"><i class="flag flag-france"></i>French <i class="val">Native</i></span>
                                 <div class="progress-bar-wrap">
                                     <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
                                         aria-valuemax="7"></div>
                                 </div>
                             </div>
                             <div class="progress">
-                                <span class="skill"><i class="flag
-                                    flag-uk"></i>English <i class="val">Native</i></span>
+                                <span class="skill"><i class="flag flag-uk"></i>English <i class="val">Native</i></span>
                                 <div class="progress-bar-wrap">
                                     <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
                                         aria-valuemax="7"></div>
                                 </div>
                             </div>
                             <div class="progress">
-                                <span class="skill"><i class="flag
-                                    flag-italy"></i>Italian <i class="val">C2</i></span>
+                                <span class="skill"><i class="flag flag-italy"></i>Italian <i class="val">C2</i></span>
                                 <div class="progress-bar-wrap">
                                     <div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
                                         aria-valuemax="7"></div>
                                 </div>
                             </div>
                             <div class="progress">
-                                <span class="skill"><i class="flag
-                                    flag-germany"></i>German <i class="val">B1</i></span>
+                                <span class="skill"><i class="flag flag-germany"></i>German <i class="val">B1</i></span>
                                 <div class="progress-bar-wrap">
                                     <div class="progress-bar" role="progressbar" aria-valuenow="3.5" aria-valuemin="0"
                                         aria-valuemax="7"></div>
@@ -192,7 +185,7 @@
                     <div class="col-lg-6">
                         <div data-aos="fade-up-right">
                             <h3 class="resume-title">Summary</h3>
-                            <div class="resume-item pb-0">
+                            <div class="pb-0 resume-item">
                                 <h4>Arnaud Fauconnet</h4>
                                 <p><em>I'm a dedicated computer science enthusiast, fueled by a passion for programming
                                         and
@@ -370,7 +363,7 @@
                 <div class="skills-container" data-aos="fade-up">
                     <div class="row">
 
-                        <div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
+                        <div class="mb-5 col-md-6 col-lg-3 skill-item filter-hobby">
                             <div class="icon-box">
                                 <div class="icon"><i class="fa fa-masks-theater"></i></div>
                                 <h4 class="title"><a>Theater</a></h4>
@@ -383,7 +376,7 @@
                             </div>
                         </div>
 
-                        <div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
+                        <div class="mb-5 col-md-6 col-lg-3 skill-item filter-hobby">
                             <div class="icon-box">
                                 <div class="icon"><i class="fa fa-basketball"></i></div>
                                 <h4 class="title"><a>Basketball</a></h4>
@@ -396,7 +389,7 @@
                             </div>
                         </div>
 
-                        <div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
+                        <div class="mb-5 col-md-6 col-lg-3 skill-item filter-hobby">
                             <div class="icon-box">
                                 <div class="icon"><i class="fa fa-chess"></i></div>
                                 <h4 class="title"><a>Chess</a></h4>
@@ -408,7 +401,7 @@
                             </div>
                         </div>
 
-                        <div class="col-md-6 col-lg-3 mb-5 skill-item filter-web filter-prod filter-hobby">
+                        <div class="mb-5 col-md-6 col-lg-3 skill-item filter-web filter-prod filter-hobby">
                             <div class="icon-box">
                                 <div class="icon"><i class="bx bx-server"></i></div>
                                 <h4 class="title"><a>Server Management</a></h4>
@@ -425,7 +418,7 @@
 
                     </div>
                     <div class="row">
-                        <div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
+                        <div class="mb-5 col-md-6 col-lg-3 skill-item filter-prod">
                             <div class="icon-box">
                                 <div class="icon">
                                     <img src="assets/img/neovim.png" alt="neovim-logo" />
@@ -440,7 +433,7 @@
                             </div>
                         </div>
 
-                        <div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
+                        <div class="mb-5 col-md-6 col-lg-3 skill-item filter-prod">
                             <div class="icon-box">
                                 <div class="icon">
                                     <img src="assets/img/arch.png" alt="arch-linux-logo" />
@@ -456,7 +449,7 @@
                             </div>
                         </div>
 
-                        <div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod filter-web">
+                        <div class="mb-5 col-md-6 col-lg-3 skill-item filter-prod filter-web">
                             <div class="icon-box">
                                 <div class="icon">
                                     <img src="assets/img/docker.png" alt="docker-logo" />
@@ -671,8 +664,7 @@
                 </div>
                 <div class="row">
                     <div class="col-md-6" data-aos="fade-up-right">
-                        <div class="email info-box h-100 d-flex flex-column
-                                justify-content-around">
+                        <div class="email info-box h-100 d-flex flex-column justify-content-around">
                             <i><i class="bx bx-envelope"></i></i>
                             <h3>Email Me</h3>
                             <a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
