diff --git a/style.css b/style.css
index 864c310..953d05b 100644
--- a/style.css
+++ b/style.css
@@ -17,6 +17,62 @@ div.clickEffect {
     animation: clickEffect 0.4s ease-out;
     z-index: 99999;
 }
+.social-icons-container {
+    position: fixed;
+    top: 40%;
+    transform: translateY(-50%);
+}
+
+.close-icon {
+    position: absolute;
+    right: -10px;
+    top: -10px;
+    color: #bfbfbf;
+    font-size: 20px;
+    cursor: pointer;
+    border-radius: 50px;
+    z-index: 1; 
+}
+
+.social-icons-side {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    position: relative;
+    z-index: 0;
+}
+
+.social-icons-side li a {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    font-size: 18px ;
+    text-align: center;
+    line-height: 1;
+    color: #ffffff;
+    text-decoration: none;
+}
+.social-icons-side li a:hover {
+    transform: scale(1.3);
+    transition: transform 0.3s ease;
+}
+.expand-icon {
+    position: absolute;
+    top: 50%;
+    color: #bfbfbf;
+    font-size: 20px;
+    cursor: pointer;
+    border-radius: 50px;
+    z-index: 1;
+    transition: left 0.5s ease; 
+    display: none;
+}
+
 
 @keyframes clickEffect {
     0% {