diff --git a/TODO.txt b/TODO.txt
index e58ba23..126a24e 100644
--- a/TODO.txt
+++ b/TODO.txt
@@ -5,3 +5,6 @@ To Add
     - Links to technology icons
     - Animation to Technlogies Icon Grid
     - Fix contact form
+
+
+Change contactForm area to Tip Area ?
\ No newline at end of file
diff --git a/index.html b/index.html
index 4234760..40f4128 100644
--- a/index.html
+++ b/index.html
@@ -70,8 +70,8 @@
             <i class="fa-brands fa-css3 fa-3x"></i>
             <i class="fa-brands fa-js fa-3x"></i>
             <i class="fa-brands fa-git-alt fa-3x"></i>
-            <i class="fa-brands fa-digital-ocean fa-3x"></i>
-            <i class="fa-brands fa-aws fa-3x"></i>
+            <!-- <i class="fa-brands fa-digital-ocean fa-3x"></i>
+            <i class="fa-brands fa-aws fa-3x"></i> -->
             <i class="fa-brands fa-vuejs fa-3x"></i>
             <i class="fa-brands fa-bitcoin fa-3x"></i>
             <i class="fa-solid fa-bolt fa-3x"></i>
@@ -84,6 +84,8 @@
             <i class="fa-brands fa-linux fa-3x"></i>
             <i class="fa-brands fa-node-js fa-3x"></i>
             <i class="fa-brands fa-angular fa-3x"></i>
+            <i class="fa-solid fa-cloud-arrow-up fa-3x"></i>
+            <i class="fa-brands fa-python fa-3x"></i>
         </div>
     </section>
 
diff --git a/styles.css b/styles.css
index 3654352..86436c5 100644
--- a/styles.css
+++ b/styles.css
@@ -234,7 +234,7 @@ h3 {
     width: 100%;
     background-color: var(--primaryBackgroundColor);
     border: 0;
-    padding: 0 0 40px 0;
+    padding: 0;
     margin: 0;
 }
 
@@ -256,7 +256,7 @@ h3 {
 .portfolio {
     background-color: var(--secondaryBackgroundColor);
     border: 0;
-    padding: 0;
+    padding: 20px 0 20px 0;
     margin: 0;
 }
 
@@ -295,7 +295,9 @@ h3 {
 /* Technologies Section Styling */
 .technologies {
     background-color: var(--tertiaryBackgroundColor);
-    padding-bottom: 10px;
+    border: 0;
+    padding: 20px 0 20px 0;
+    margin: 0;
 }
 
 .typewriterArea3 {
@@ -320,7 +322,7 @@ h3 {
     display: grid;
     gap: 20px;
     opacity: 0;
-    grid-template-columns: repeat(3, 20vw);
+    grid-template-columns: repeat(4, 10vw);
     animation:
         fadeIn 3s 5s forwards;
 }
@@ -372,7 +374,7 @@ h3 {
     }
 
     .fa-linux {
-        color: #ffffff;
+        color: #d3d3d3;
     }
 
     .fa-react {
@@ -388,7 +390,7 @@ h3 {
     }
 
     .fa-node-js {
-        color: #215732;
+        color: #6cc24a;
     }
 
     .fa-angular {
@@ -399,6 +401,17 @@ h3 {
         color: #8a2be2;
     }
 
+    .fa-apple {
+        color: #ffffff;
+    }
+
+    .fa-cloud-arrow-up {
+        color: #add8e6;
+    }
+
+    .fa-python {
+        color: #FFE873;
+    }
 /* Contact Section Styling */
 
 .contact {