updated hero img and about me section

assets/styles/style.css

@@ -53,14 +53,14 @@
       rgba(238, 197, 197, 0.7),
       rgba(83, 77, 77, 0.2)
     ),
-    url("../images/portfolio-images/hero-image.jpg");
+    url("../images//portfolio-images/data_analytics.png");
   height: 42rem;
   background-position: center;
   background-size: cover;
 }
 
 .hero-image:hover {
-  background-image: url("../images/portfolio-images/hero-image.jpg");
+  background-image: url("../images/portfolio-images/data_analytics.png");
 }
 
 .hero-image h1,
@@ -98,7 +98,9 @@ h2 {
   font-size: 2rem;
   color: var(--imperial-red);
 }
+
 .about-container {
+  margin:20px 80px;
   padding: 4rem;
   display: flex;
   flex-wrap: wrap;
@@ -110,7 +112,6 @@ h2 {
 .about-container img {
   margin: 10rem;
   box-shadow: 0 0 15px 8px var(--light-gray);
-  /* padding: 0.5rem; */
   width: 16rem;
   border-radius: 10%;
   object-fit: contain;
@@ -119,15 +120,17 @@ h2 {
   flex: 6 0;
 }
 
-.about-text h4 {
-  text-align: center;
+.about-text h4,p {
+  text-align: center;  
+}
+
+.about-text h4{
   padding: 2rem;
   font-size: 1.5rem;
-  color: var(--eerie-black);
+  color: var(--ruby-red);
+  margin-top:10rem;
 }
-
 .about-text p {
-  text-align: justify;
   font-size: 1rem;
   font-weight: 500;
   max-width: 100rem;

index.html

@@ -27,7 +27,7 @@
           <li class="navbar-links"><a href="#my-contacts">Contact me</a></li>
           <li class="navbar-links">
             <a
-              href="./assets/resume/Liana_Laurentiu_CV.pdf"
+              href="./assets/resume/Liana_Laurentiu_CV-data.pdf"
               download="Liana_Laurentiu_CV"
               >Resume📎</a
             >
@@ -39,8 +39,8 @@
     <main class="main">
       <!-- Banner image here -->
       <div class="hero-image">
-        <h1>Liana</h1>
-        <h2>Laurentiu</h2>
+        <!--<h1>Liana</h1>
+        <h2>Laurentiu</h2>-->
       </div>
 
       <!--about me section with a heading and a div container for my image and about-me text-->
@@ -49,32 +49,19 @@ <h3>About Me</h3>
 
         <div class="about-container">
           <img
-            src="./assets/images/portfolio-images/about-me.jpg"
+            src="./assets/images/portfolio-images/about-me.png"
             alt="Liana's profile picture"
           />
 
           <div class="about-text">
-            <h4>Hi, I am Liana ...</h4>
-
-            <p>
-              I am currently enrolled in a full stack web developer bootcamp at
-              University of Birmingham. In 2020 I obtained a 2.1 degree in
-              Clinical Psychology from University of Worcester and I have a
-              strong background in Maths and Biological Sciences.
-            </p>
-
+            <h4>Hi there👋, My name is Liana and I am currently studying a Masters of Science in Computer Science and Data Analytics with Keele University, aspiring to become a data analyst.</h4>
+
             <p>
-              I gained skills in HTML5, CSS3, JavaScript and Jquery by
-              completing the front end phase and I am currently grasp back end
-              concepts, starting with utilising Node Js. I am planning to use my
-              attention to details alongside creativity in building application
-              that could solve present issues.
+               Alongside preparing for my masters, I am working as an advanced support worker for Community Integrated Care.
             </p>
 
             <p>
-              I am also working with young people with autism, learning
-              difficulties and deafblindness. In my free time you can find me
-              reading (currently Game of Thrones), going to the gym and cooking.
+              In my free time I am studying for a Responsive Web Design certification with FreeCodeCamp, gaining skills in HTML5 and CSS.
             </p>
           </div>
         </div>