fixed appear transition

about/index.html

@@ -45,27 +45,27 @@
         <section class="section appear" id="section1">
             <!-- PHOTO -->
             <div class="left-section">
-                <div class="image-container">
+                <div class="image-container appear">
                     <img src="../assets/about-page/pfp.jpg" alt="Photo">
                 </div>
             </div>
             <!-- TEXT -->
             <div class="right-section">
-                <h2>Hi, I'm Neeha!</h2>
-                <p>I grew up in <strong>San Diego, CA</strong>, but studied at <strong>UC Santa Cruz</strong> in northern CA where I graduated with a <strong>bachelor's degree in Computer Science</strong> in June 2023. I currently work as an <strong>Autonomy Software Developer at General Atomics Aeronautical Systems</strong>.
+                <h2 class="appear">Hi, I'm Neeha!</h2>
+                <p class="appear">I grew up in <strong>San Diego, CA</strong>, but studied at <strong>UC Santa Cruz</strong> in northern CA where I graduated with a <strong>bachelor's degree in Computer Science</strong> in June 2023. I currently work as an <strong>Autonomy Software Developer at General Atomics Aeronautical Systems</strong>.
                     <br><br> I've always approached software engineering as a creative endeavor (similar to solving a puzzle or composing a piece of music) and enjoy the iterative process of understanding problems, crafting user-friendly designs, and
                     implementing functional and scalable solultions that empower real-world scenarios. I'm passionate about the areas of <strong>full-stack development, UI/UX design, and AI</strong>, and am always looking for opportunities that lie at
                     the intersection of these interests.
                     <br><br> Outside of tech, you can find me hiking by the beach, playing piano, browsing my next travel destination (it's an obsession), or finding my next song fixation on Spotify. Feel free to reach out and say hi! <span>&#9786</span><br><br>
                 </p>
                 <div class="social-button">
-                    <a href="https://www.linkedin.com/in/neeharavula/" target="_blank" class="rounded-rectangle grow">LINKEDIN ➚</a>
+                    <a href="https://www.linkedin.com/in/neeharavula/" target="_blank" class="rounded-rectangle grow appear">LINKEDIN ➚</a>
                 </div>
                 <div class="social-button">
-                    <a href="https://github.com/neeharavula" target="_blank" class="rounded-rectangle grow">GITHUB ➚</a>
+                    <a href="https://github.com/neeharavula" target="_blank" class="rounded-rectangle grow appear">GITHUB ➚</a>
                 </div>
                 <div class="social-button">
-                    <a href="https://www.instagram.com/filmbyneeha?igsh=ZWI2YzEzYmMxYg==" target="_blank" class="rounded-rectangle grow">INSTAGRAM ➚</a>
+                    <a href="https://www.instagram.com/filmbyneeha?igsh=ZWI2YzEzYmMxYg==" target="_blank" class="rounded-rectangle grow appear">INSTAGRAM ➚</a>
                 </div>
             </div>
         </section>