adding animations to tech skills and relevant exp

Author: nitrotap

package.json

@@ -1,5 +1,5 @@
 {
-  "homepage": "https://nitrotap.github.io/",
+  "homepage": "https://nitrotap.dev/",
   "name": "react-folio",
   "version": "0.1.0",
   "private": true,

src/components/About/index.js

@@ -37,7 +37,7 @@ function About() {
                     <h2 style={{ padding: '1rem', backgroundColor: 'rgb(42,55,62)' }} className='lato-text'>Technical Skills</h2>
                 </div>
             </div>
-            <div className="">
+            <div className="animate__animated animate__fadeInUp animate__delay-1s">
                 <div className="v6_24">
                     <div style={{ backgroundColor: 'rgb(42,55,62)', padding: '1rem', marginBottom: '1rem' }}>
                         <div>
@@ -64,7 +64,7 @@ function About() {
 
                     <h2 style={{ padding: '1rem', backgroundColor: 'rgb(42,55,62)' }} className='lato-text'>Relevant Experience</h2>
                 </div>
-                <div className="v6_24">
+                <div className="v6_24 animate__animated animate__fadeInUp animate__delay-2s">
 
                     <div style={{ padding: '1rem', border: '1px solid #ccc', borderRadius: '10px', backgroundColor: 'rgb(42,55,62)', marginBottom: '1rem' }}>
                         <h4>Mental Health Check</h4>

src/components/Footer/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 function Footer() {
     return (
-        <footer class="container">
+        <footer className="container">
             <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossOrigin="anonymous"></link>
             <div className='footer'>
                 <h4 style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', }}>Made with <span onMouseOver={(e) => e.currentTarget.classList.add('animate__animated', 'animate__heartBeat')}