change of section titles and margin-top section

src/components/Experiences.jsx

@@ -30,7 +30,7 @@ function Experiences() {
 
     return (
         <section id="experiences-section">
-            <h1>Experiences</h1>
+            <h1 className="section-title">Experiences</h1>
             <div className="experiences-container">
                 {experiencesData.map((exp) => (
                     <SingleExperience experience={exp}/>

src/components/Projects.jsx

@@ -29,7 +29,7 @@ function Projects() {
 
     return (
         <section id="projects-section">
-            <h1>Projects</h1>
+            <h1 className="section-title">Projects</h1>
             <div className="projects-section-list">
                 <SingleProject image={codevProject.image} title={codevProject.title} description={codevProject.description} skills={codevProject.skills} color={codevProject.color} nbImage={codevProject.nbImage}/>
                 <SingleProject image={SAECProject.image} title={SAECProject.title} description={SAECProject.description} skills={SAECProject.skills} color={SAECProject.color} nbImage={SAECProject.nbImage}/>

src/components/Skills.jsx

@@ -4,7 +4,7 @@ import "../styles/Skills.css";
 function Skills() {
     return (
         <section id="skills-section">
-            <h1>Skills</h1>
+            <h1 className="section-title">Skills</h1>
             <div id="languages" className="skill-category">
                 <h2>Languages</h2>
                 <div className="skills">