diff --git a/images/pexels-scott-webb-2824173.jpg b/images/pexels-scott-webb-2824173.jpg
deleted file mode 100644
index 4898f8a..0000000
Binary files a/images/pexels-scott-webb-2824173.jpg and /dev/null differ
diff --git a/index.html b/index.html
index 1167bd3..e1f357a 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,7 @@ <h3>UI/UX</h3>
     </a>
   </section>
   <div class="line"></div>
+  
   <div id="gap-cover"></div>
 
   <section id="about">
diff --git a/style.css b/style.css
index e4cca27..56a59dd 100644
--- a/style.css
+++ b/style.css
@@ -110,13 +110,8 @@ h1 {
   }
 }
 #hero-content div h2:nth-of-type(2) {
-  margin-top: -50px;
-  color: #757575;
-  background-image: url("images/pexels-scott-webb-2824173.jpg");
-  -webkit-text-fill-color: transparent;
-  -webkit-background-clip: text;
-  animation: filling 45s linear forwards;
-  animation-iteration-count: 3;
+  margin-top: -66px;
+  color: #4db6ac;
 }
 #hero-content div h2 span {
   font-size: 220px;
@@ -152,7 +147,7 @@ h1 {
 #scroll {
   position: absolute;
   z-index: 1;
-  top: 78%;
+  bottom: 12vh;
   background: rgba(0, 0, 0, 0.3);
   right: 25%;
   width: 120px;
@@ -186,7 +181,7 @@ h1 {
 #gap-cover {
   position: relative;
   z-index: 1;
-  height: 200px;
+  height: 300px;
   background: #fafafa;
   scale: 1.02;
 }
@@ -212,14 +207,17 @@ h1 {
 }
 #about #about-img {
   text-align: right;
+  padding-right: 10%;
 }
 #about #about-img img {
   position: relative;
   z-index: 1;
-  top: -150px;
-  width: 525px;
+  top: -30px;
+  width: 300px;
+  padding: 0 22px 0 52px;
   filter: hue-rotate(150deg);
   filter: drop-shadow(-10px -10px);
+  box-shadow: 0px 0px 105px 45px rgba(38, 166, 153, 0.9);
 }
 
 #hide-bg-img {
@@ -234,7 +232,8 @@ footer {
   position: relative;
   background-color: #fafafa;
   text-align: center;
-  padding: 50px;
+  padding-top: 275px;
+  padding-bottom: 50px;
 }
 footer a {
   background: #212121;
@@ -248,7 +247,7 @@ footer a {
 
 @media screen and (max-width: 988px) {
   #hero-content {
-    padding: 0 42px;
+    padding-left: 42px;
   }
   #hero-content div h2 {
     font-size: 114px;
@@ -264,6 +263,7 @@ footer a {
     margin-top: 10px;
   }
   #hero-content #bg-img {
+    position: absolute;
     top: 19%;
     right: 12%;
     opacity: 54%;
@@ -278,21 +278,26 @@ footer a {
     font-weight: 600;
     font-size: 12px;
   }
+  #gap-cover {
+    display: none;
+  }
   #about {
     grid-template-columns: 1fr;
-    margin-bottom: 15px;
+    margin-bottom: 155px;
+    top: 55px;
   }
   #about #about-img {
     text-align: center;
+    padding-right: 0;
   }
   #about #about-img img {
     width: 240px;
-    top: 35px;
+    top: 50%;
   }
 }
 @media screen and (max-width: 786px) {
   #hero-content {
-    min-height: calc(75vh - 112px);
+    min-height: calc(85vh - 112px);
   }
   #hero-content div h2 {
     font-size: 105px;
@@ -333,7 +338,6 @@ footer a {
   }
   #scroll {
     z-index: 1;
-    top: 74%;
     width: 94px;
     height: 94px;
     font-size: 13px;
@@ -346,7 +350,7 @@ footer a {
   #scroll {
     width: 82px;
     height: 82px;
-    top: 69%;
+    bottom: 12vh;
   }
 }
 @media screen and (max-width: 430px) {
diff --git a/style.css.map b/style.css.map
index 1ac4031..f39ff5a 100644
--- a/style.css.map
+++ b/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","_reset.scss","style.css"],"names":[],"mappings":"AACQ,+EAAA;ACDR;;;;;;;;;;;;;EAaC,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,aAAA;EACA,wBAAA;ACED;;ADAA,gDAAA;AACA;;EAEC,cAAA;ACGD;;ADDA;EACC,cAAA;ACID;;ADFA;EACC,gBAAA;ACKD;;ADHA;EACC,YAAA;ACMD;;ADJA;;EAEC,WAAA;EACA,aAAA;ACOD;;ADLA;EACC,yBAAA;EACA,iBAAA;ACQD;;AF9CA;EACE,mBAAA;EACA,eAAA;EACA,iBAAA;EACA,qCAAA;EACA,kBAAA;AEiDF;;AF9CA;EACE,yBAAA;AEiDF;;AF9CA;EACE,iBAAA;EACA,oBAAA;AEiDF;;AF9CA;EACE,eAAA;EACA,gBAAA;AEiDF;;AF9CA;EACE,yBAAA;EACA,YAAA;EACA,WAAA;EACA,sBAAA;EACA,kBAAA;AEiDF;;AF9CA;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,yBAAA;EACA,gBAAA;EACA,kBAAA;AEiDF;AF/CE;EACE,kBAAA;AEiDJ;AF/CI;EACE,kBAAA;EACA,UAAA;EACA,gBAAA;EACA,gBAAA;EACA,oBAAA;EACA,YAAA;EACA,8BAAA;EACA,yBAAA;EACA,gCAAA;AEiDN;AF/CM;EACE;IACE,gCAAA;EEiDR;EF/CM;IACE,8BAAA;EEiDR;AACF;AF9CM;EACE,iBAAA;EACA,cAAA;EACA,6DAAA;EACA,oCAAA;EACA,6BAAA;EACA,sCAAA;EACA,4BAAA;AEgDR;AF7CM;EACE,gBAAA;EACA,yCAAA;EACA,gBAAA;EACA,kBAAA;EACA,SAAA;EACA,8BAAA;AE+CR;AF3CI;EACE,gBAAA;AE6CN;AF3CM;EACE,kBAAA;EACA,UAAA;EACA,eAAA;EACA,qBAAA;EACA,iBAAA;AE6CR;AF1CM;EACE,kBAAA;EACA,iBAAA;EACA,WAAA;AE4CR;AFvCE;EACE,eAAA;EACA,OAAA;EACA,UAAA;EACA,WAAA;EACA,mBAAA;AEyCJ;;AFrCA;EACE,kBAAA;EACA,UAAA;EACA,QAAA;EACA,8BAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;EACA,yBAAA;AEwCF;AFtCE;EACE,cAAA;EACA,qBAAA;AEwCJ;AFrCE;EACE,eAAA;EACA,oCAAA;AEuCJ;;AFnCA;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,mBAAA;EACA,gBAAA;EACA,6BAAA;EACA,gCAAA;AEsCF;;AFnCA;EACE,kBAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AEsCF;;AFnCA;EACE,kBAAA;EACA,QAAA;EACA,yBAAA;EACA,aAAA;EACA,8BAAA;EACA,gBAAA;EACA,qBAAA;AEsCF;AFpCE;EACE,mBAAA;AEsCJ;AFnCE;EACE,eAAA;EACA,mBAAA;AEqCJ;AFnCI;EACE,eAAA;AEqCN;AFjCE;EACE,iBAAA;AEmCJ;AFjCI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,0BAAA;EACA,gCAAA;AEmCN;;AF9BA;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,mBAAA;EACA,wBAAA;AEiCF;;AF9BA;EACE,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,aAAA;AEiCF;AF/BE;EACE,mBAAA;EACA,uBAAA;EACA,aAAA;EACA,qBAAA;EACA,YAAA;EACA,eAAA;EACA,mBAAA;AEiCJ;;AF7BA;EACE;IACE,eAAA;EEgCF;EF7BI;IACE,gBAAA;EE+BN;EF7BM;IACE,iBAAA;EE+BR;EF5BM;IACE,gBAAA;IACA,QAAA;EE8BR;EF1BI;IACE,gBAAA;EE4BN;EFxBE;IACE,QAAA;IACA,UAAA;IACA,YAAA;EE0BJ;EFtBA;IACE,WAAA;IACA,WAAA;IACA,YAAA;IACA,+BAAA;IACA,cAAA;IACA,qBAAA;IACA,gBAAA;IACA,eAAA;EEwBF;EFrBA;IACE,0BAAA;IACA,mBAAA;EEuBF;EFrBE;IACE,kBAAA;EEuBJ;EFrBI;IACE,YAAA;IACA,SAAA;EEuBN;AACF;AFlBA;EACE;IACE,8BAAA;EEoBF;EFlBE;IACE,gBAAA;EEoBJ;EFfA;IACE,WAAA;IACA,YAAA;IACA,eAAA;EEiBF;EFdA;IACE,UAAA;EEgBF;AACF;AFbA;EACE;IACE,aAAA;EEeF;EFZA;IACE,kBAAA;EEcF;EFZE;IACE,oBAAA;IACA,eAAA;IACA,8BAAA;EEcJ;EFZI;IACE,iBAAA;EEcN;EFXI;IACE,eAAA;IACA,QAAA;IACA,cAAA;IACA,8BAAA;EEaN;EFTE;IACE,QAAA;IACA,WAAA;EEWJ;EFPA;IACE,UAAA;IACA,QAAA;IACA,WAAA;IACA,YAAA;IACA,eAAA;EESF;AACF;AFNA;EACE;IACE,eAAA;EEQF;EFLA;IACE,WAAA;IACA,YAAA;IACA,QAAA;EEOF;AACF;AFJA;EACE;IACE,iBAAA;IACA,oBAAA;EEMF;EFJE;IACE,eAAA;EEMJ;EFDE;IACE,eAAA;EEGJ;EFAE;IACE,QAAA;IACA,WAAA;IACA,UAAA;EEEJ;EFGA;IACE,WAAA;IACA,WAAA;IACA,YAAA;IACA,eAAA;IACA,gBAAA;EEDF;AACF;AFIA;EACE;IACE,eAAA;EEFF;AACF;AFKA;EACE;IACE,aAAA;EEHF;EFMA;IACE,eAAA;EEJF;EFME;IACE,iBAAA;EEJJ;EFOE;IACE,eAAA;EELJ;AACF","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","_reset.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/style.scss b/style.scss
index 7218e45..fc899a1 100644
--- a/style.scss
+++ b/style.scss
@@ -63,13 +63,8 @@ h1 {
       }
 
       &:nth-of-type(2) {
-        margin-top: -50px;
-        color: #757575;
-        background-image:  url('images/pexels-scott-webb-2824173.jpg');
-        -webkit-text-fill-color: transparent;
-        -webkit-background-clip: text;
-        animation: filling 45s linear forwards;
-        animation-iteration-count: 3;
+        margin-top: -66px;
+        color: #4db6ac;
       }
 
       span {
@@ -113,7 +108,7 @@ h1 {
 #scroll {
   position: absolute;
   z-index: 1;
-  top: 78%;
+  bottom: 12vh;
   background: rgba($color: #000000, $alpha: 0.3);
   right: 25%;
   width: 120px;
@@ -149,7 +144,7 @@ h1 {
 #gap-cover {
   position: relative;
   z-index: 1;
-  height: 200px;
+  height: 300px;
   background: #fafafa;
   scale: 1.02;
 }
@@ -178,14 +173,19 @@ h1 {
 
   #about-img {
     text-align: right;
+    padding-right: 10%;
     
     img {
       position: relative;
       z-index: 1;
-      top: -150px;
-      width: 525px;
+      top: -30px;
+      width: 300px;
+      padding: 0 22px 0 52px;
       filter: hue-rotate(150deg);
       filter: drop-shadow(-10px -10px);
+      -webkit-box-shadow:0px 0px 105px 45px rgba(38,166,153,0.9);
+      -moz-box-shadow: 0px 0px 105px 45px rgba(38,166,153,0.9);
+      box-shadow: 0px 0px 105px 45px rgba(38,166,153,0.9);
     }
   }
 }
@@ -202,7 +202,8 @@ footer {
   position: relative;
   background-color: #fafafa;
   text-align: center;
-  padding: 50px;
+  padding-top: 275px;
+  padding-bottom: 50px;
 
   a {
     background: #212121;
@@ -217,7 +218,7 @@ footer {
 
 @media screen and (max-width: 988px) {
   #hero-content {
-    padding: 0 42px;
+    padding-left: 42px;
 
     div {
       h2 {
@@ -239,6 +240,7 @@ footer {
     }
 
     #bg-img {
+      position: absolute;
       top: 19%;
       right: 12%;
       opacity: 54%;
@@ -256,16 +258,22 @@ footer {
     font-size: 12px;
   }
 
+  #gap-cover {
+    display: none;
+  }
+
   #about {
     grid-template-columns: 1fr;
-    margin-bottom: 15px;
+    margin-bottom: 155px;
+    top: 55px;
 
     #about-img {
       text-align: center;
+      padding-right: 0;
 
       img {
         width: 240px;
-        top: 35px;
+        top: 50%;
       }
     }
   }
@@ -273,7 +281,7 @@ footer {
 
 @media screen and (max-width: 786px) {
   #hero-content {
-    min-height: calc(75vh - 112px);
+    min-height: calc(85vh - 112px);
 
     div h2 {
       font-size: 105px;
@@ -325,7 +333,6 @@ footer {
 
   #scroll {
     z-index: 1;
-    top: 74%;
     width: 94px;
     height: 94px;
     font-size: 13px;
@@ -340,7 +347,7 @@ footer {
   #scroll {
     width: 82px;
     height: 82px;
-    top: 69%;
+    bottom: 12vh;
   }
 }