disabled select on the span behind the titles

assets/css/style.css

@@ -42,6 +42,12 @@ h6 {
   font-family: "Raleway", sans-serif;
 }
 
+.prevent-select {
+  -webkit-user-select: none; /* Safari */
+  -ms-user-select: none; /* IE 10 and IE 11 */
+  user-select: none; /* Standard syntax */
+}
+
 /*--------------------------------------------------------------
 # Back to top button
 --------------------------------------------------------------*/

index.html

@@ -78,13 +78,14 @@
             <div class="container">
 
                 <div class="section-title" data-aos="fade-up">
-                    <span>About Me</span>
+                    <span class="prevent-select">About Me</span>
                     <h2>About Me</h2>
-                    <p> Passionate about computer science and love to have lengthy conversations
+                    <p>I have a deep passion for computer science and enjoy
-                        about it.<br>
+                        engaging in in-depth discussions about it.<br />
-                        Autonomous but also capable of communicating and
+                        I am self-reliant while also skilled in effective
-                        handling people.<br>
+                        communication and teamwork.<br />
-                        Overall flexible, adaptable and always curious by new experiences.
+                        I am inherently adaptable, consistently curious, and
+                        eager to embrace new experiences.
                     </p>
                 </div>
 
@@ -205,7 +206,7 @@
             <div class="container">
 
                 <div class="section-title" data-aos="fade-up">
-                    <span>My Resume</span>
+                    <span class="prevent-select">My Resume</span>
                     <h2>My Resume</h2>
                     <p>A brief overview of my professional experience and qualifications</p>
                 </div>
@@ -376,7 +377,7 @@
         <section id="languages" class="languages">
             <div class="container">
                 <div class="section-title" data-aos="fade-up">
-                    <span>Languages</span>
+                    <span class="prevent-select">Languages</span>
                     <h2>Languages</h2>
                     <p></p>
                 </div>
@@ -425,7 +426,7 @@
             <div class="container">
 
                 <div class="section-title">
-                    <span>My Skills</span>
+                    <span class="prevent-select">My Skills</span>
                     <h2>My Skills</h2>
                     <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
                 </div>
@@ -566,7 +567,7 @@
             <div class="container">
 
                 <div class="section-title">
-                    <span>My Portfolio</span>
+                    <span class="prevent-select">My Portfolio</span>
                     <h2>My Portfolio</h2>
                     <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
                 </div>
@@ -707,7 +708,7 @@
             <div class="container">
 
                 <div class="section-title">
-                    <span>Contact Me</span>
+                    <span class="prevent-select">Contact Me</span>
                     <h2>Contact Me</h2>
                     <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
                 </div>