diff --git a/.DS_Store b/.DS_Store
index 86b8a0a..dec7781 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/assets/arrow-down-circle-svgrepo-com.svg b/assets/arrow-down-circle-svgrepo-com.svg
new file mode 100644
index 0000000..af12848
--- /dev/null
+++ b/assets/arrow-down-circle-svgrepo-com.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    
+    <title>arrow-down-circle</title>
+    <desc>Created with Sketch Beta.</desc>
+    <defs>
+
+</defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-412.000000, -1087.000000)" fill="#000000">
+            <path d="M428,1117 C420.268,1117 414,1110.73 414,1103 C414,1095.27 420.268,1089 428,1089 C435.732,1089 442,1095.27 442,1103 C442,1110.73 435.732,1117 428,1117 L428,1117 Z M428,1087 C419.163,1087 412,1094.16 412,1103 C412,1111.84 419.163,1119 428,1119 C436.837,1119 444,1111.84 444,1103 C444,1094.16 436.837,1087 428,1087 L428,1087 Z M433.121,1102.46 L429,1106.59 L429,1096 C429,1095.45 428.553,1095 428,1095 C427.448,1095 427,1095.45 427,1096 L427,1106.59 L422.879,1102.46 C422.488,1102.07 421.855,1102.07 421.465,1102.46 C421.074,1102.86 421.074,1103.49 421.465,1103.88 L427.121,1109.54 C427.361,1109.78 427.689,1109.85 428,1109.79 C428.311,1109.85 428.639,1109.78 428.879,1109.54 L434.535,1103.88 C434.926,1103.49 434.926,1102.86 434.535,1102.46 C434.146,1102.07 433.512,1102.07 433.121,1102.46 L433.121,1102.46 Z" id="arrow-down-circle" sketch:type="MSShapeGroup">
+
+</path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/down-arrow.png b/assets/down-arrow.png
new file mode 100644
index 0000000..d2f042e
Binary files /dev/null and b/assets/down-arrow.png differ
diff --git a/assets/email.png b/assets/email.png
index 480e480..fd83a8d 100644
Binary files a/assets/email.png and b/assets/email.png differ
diff --git a/assets/fire-2-svgrepo-com.svg b/assets/fire-2-svgrepo-com.svg
new file mode 100644
index 0000000..bcb9578
--- /dev/null
+++ b/assets/fire-2-svgrepo-com.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="-3 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    
+    <title>fire-2</title>
+    <desc>Created with Sketch Beta.</desc>
+    <defs>
+
+</defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-415.000000, -411.000000)" fill="#000000">
+            <path d="M428.5,441 C422.148,441 417,435.641 417,429.625 C417,428.228 417.031,427.094 418,426 C417.895,426.634 419.397,432.055 424.305,431.771 C424.092,427.652 422.978,417.561 428.152,414.073 C427.695,419.557 429.038,426.924 435.029,428 C434.686,425.801 434.727,422.143 436.267,421.467 C436.433,424.836 438.924,426.914 438.924,430.152 C438.924,436.016 433.251,441 428.5,441 L428.5,441 Z M437.905,417.953 C433.52,419.203 432.717,422.748 433,425 C429.872,421.322 430,417.093 430,411 C419.968,414.783 422.301,425.688 422,429 C419.477,426.935 419,422 419,422 C416.336,423.371 415,427.031 415,430 C415,437.18 420.82,443 428,443 C435.18,443 441,437.18 441,430 C441,425.733 437.867,423.765 437.905,417.953 L437.905,417.953 Z" id="fire-2" sketch:type="MSShapeGroup">
+
+</path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/gameboy-2-svgrepo-com.svg b/assets/gameboy-2-svgrepo-com.svg
new file mode 100644
index 0000000..6f44f60
--- /dev/null
+++ b/assets/gameboy-2-svgrepo-com.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="-3 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    
+    <title>gameboy-2</title>
+    <desc>Created with Sketch Beta.</desc>
+    <defs>
+
+</defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-415.000000, -463.000000)" fill="#000000">
+            <path d="M435,480 C435,480.553 434.553,481 434,481 L422,481 C421.447,481 421,480.553 421,480 L421,470 C421,469.447 421.447,469 422,469 L434,469 C434.553,469 435,469.447 435,470 L435,480 L435,480 Z M435,467 L421,467 C419.896,467 419,467.896 419,469 L419,481 C419,482.104 419.896,483 421,483 L435,483 C436.104,483 437,482.104 437,481 L437,469 C437,467.896 436.104,467 435,467 L435,467 Z M436,485 C435.448,485 435,485.448 435,486 C435,486.553 435.448,487 436,487 C436.553,487 437,486.553 437,486 C437,485.448 436.553,485 436,485 L436,485 Z M439,491 C439,492.104 438.104,493 437,493 L419,493 C417.896,493 417,492.104 417,491 L417,467 C417,465.896 417.896,465 419,465 L437,465 C438.104,465 439,465.896 439,467 L439,491 L439,491 Z M437,463 L419,463 C416.791,463 415,464.791 415,467 L415,491 C415,493.209 416.791,495 419,495 L437,495 C439.209,495 441,493.209 441,491 L441,467 C441,464.791 439.209,463 437,463 L437,463 Z M424,487 L423,487 L423,486 C423,485.448 422.553,485 422,485 C421.447,485 421,485.448 421,486 L421,487 L420,487 C419.447,487 419,487.447 419,488 C419,488.553 419.447,489 420,489 L421,489 L421,490 C421,490.553 421.447,491 422,491 C422.553,491 423,490.553 423,490 L423,489 L424,489 C424.553,489 425,488.553 425,488 C425,487.447 424.553,487 424,487 L424,487 Z M430,489 C429.448,489 429,489.448 429,490 C429,490.553 429.448,491 430,491 C430.553,491 431,490.553 431,490 C431,489.448 430.553,489 430,489 L430,489 Z M431,485 C430.448,485 430,485.448 430,486 C430,486.553 430.448,487 431,487 C431.553,487 432,486.553 432,486 C432,485.448 431.553,485 431,485 L431,485 Z M435,489 C434.447,489 434,489.448 434,490 C434,490.553 434.447,491 435,491 C435.553,491 436,490.553 436,490 C436,489.448 435.553,489 435,489 L435,489 Z" id="gameboy-2" sketch:type="MSShapeGroup">
+
+</path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/instagram.png b/assets/instagram.png
new file mode 100644
index 0000000..dd62d5d
Binary files /dev/null and b/assets/instagram.png differ
diff --git a/assets/mail-svgrepo-com.svg b/assets/mail-svgrepo-com.svg
new file mode 100644
index 0000000..1e12ee9
--- /dev/null
+++ b/assets/mail-svgrepo-com.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -4 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    
+    <title>mail</title>
+    <desc>Created with Sketch Beta.</desc>
+    <defs>
+
+</defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-412.000000, -259.000000)" fill="#000000">
+            <path d="M442,279 C442,279.203 441.961,279.395 441.905,279.578 L433,270 L442,263 L442,279 L442,279 Z M415.556,280.946 L424.58,271.33 L428,273.915 L431.272,271.314 L440.444,280.946 C440.301,280.979 415.699,280.979 415.556,280.946 L415.556,280.946 Z M414,279 L414,263 L423,270 L414.095,279.578 C414.039,279.395 414,279.203 414,279 L414,279 Z M441,261 L428,271 L415,261 L441,261 L441,261 Z M440,259 L416,259 C413.791,259 412,260.791 412,263 L412,279 C412,281.209 413.791,283 416,283 L440,283 C442.209,283 444,281.209 444,279 L444,263 C444,260.791 442.209,259 440,259 L440,259 Z" id="mail" sketch:type="MSShapeGroup">
+
+</path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 81dfb83..422bc8d 100644
--- a/index.html
+++ b/index.html
@@ -245,12 +245,12 @@
           <div class="details-container color-container">
             <div class="article-container">
               <img
-                src="./assets/WEB-21.jpg"
-                alt="Project 1"
+                src="./assets/WEB-22.jpg"
+                alt="Project 2"
                 class="project-img"
               />
             </div>
-
+         
             <div class="btn-container">
             
             </div>
diff --git a/style.css b/style.css
index b49f62d..4e348ee 100644
--- a/style.css
+++ b/style.css
@@ -58,10 +58,10 @@ a {
 }
 
 a:hover {
-  color: grey;
+  color: lightgray;
   text-decoration: underline;
   text-underline-offset: 1rem;
-  text-decoration-color: #ccd5ae;
+  text-decoration-color: lightgrey;
 }
 
 .logo {
@@ -103,7 +103,7 @@ a:hover {
   position: absolute;
   top: 100%;
   right: 0;
-  background-color: white;
+  background-color: black;
   width: fit-content;
   max-height: 0;
   overflow: hidden;
@@ -115,7 +115,7 @@ a:hover {
   padding: 10px;
   text-align: center;
   font-size: 1.5rem;
-  color: black;
+  color: white;
   text-decoration: none;
   transition: all 0.3 ease-in-out;
 }
@@ -247,8 +247,9 @@ section {
 
 .btn-color-1,
 .btn-color-2:hover {
-  background: #ccd5ae;
+  background: white;
   color: white;
+
 }
 
 .btn-color-1:hover {
@@ -274,7 +275,7 @@ section {
 }
 
 .about-containers {
-  gap: 2rem;
+  gap: 1rem;
   margin-bottom: 2rem;
   margin-top: 2rem;
 }
@@ -303,9 +304,7 @@ section {
   padding: 1.5rem;
   flex: 1;
   background: white;
-  border-radius: 2rem;
-  border: rgb(53, 53, 53) 0.1rem solid;
-  border-color: rgb(163, 163, 163);
+  border-radius: 0.5rem;
   text-align: center;
 }
 
@@ -368,12 +367,15 @@ article .icon {
 .color-container {
   border-color: rgb(163, 163, 163);
   background: rgb(250, 250, 250);
+  padding: 10px;
 }
 
 .project-img {
   
-  width: 90%;
-  height: 90%;
+  width: 100%;
+  height: 100%;
+  border-radius: 0.5rem;
+
 }
 
 .project-title {