diff --git a/My Portfolio/style.css b/My Portfolio/style.css
index edf551aa..07693980 100644
--- a/My Portfolio/style.css	
+++ b/My Portfolio/style.css	
@@ -1,260 +1,204 @@
 *{
-    margin: 0;
-    padding: 0;
-    font-family: 'Poppins', sans-serif;
-    box-sizing: border-box;
-}
-html{
-    scroll-behavior: smooth;
+    margin:0;
+    padding:0;
+    box-sizing:border-box;
+    scroll-behavior:smooth;
 }
+
 body{
-    background: #080808;
-    color: aliceblue;
+    font-family:'Poppins', sans-serif;
+    background:#0a0a0a;
+    color:#fff;
 }
+
+/* ---------- HEADER ---------- */
 #header{
-    width: 100%;
-    height: 100vh;
-    background-image: url(images/background.png);
-    background-size: cover;
-    background-position: center;
+    height:100vh;
+    background:linear-gradient(135deg,#000428,#004e92);
 }
+
 .container{
-    padding: 10px 10%;
+    padding:10px 10%;
 }
 
 nav{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-wrap: wrap;
+    display:flex;
+    justify-content:space-between;
+    align-items:center;
 }
 
 .logo{
-    width: 140px;
+    width:60px;
+    filter:drop-shadow(0 0 10px cyan);
 }
 
 nav ul li{
-    display: inline-block;
-    list-style: none;
-    margin: 5px 20px;
+    display:inline-block;
+    margin:10px 20px;
 }
- 
+
 nav ul li a{
-    color: aliceblue;
-    text-decoration: none;
-    font-size: 18px;
-    position: relative;
+    color:#fff;
+    text-decoration:none;
+    position:relative;
 }
+
 nav ul li a::after{
-    content: '';
-    width: 0;
-    height: 3px;
-    background: #ff4949;
-    position: absolute;
-    left: 0;
-    bottom: -6px;
-    transition: 0.5s;
+    content:'';
+    width:0;
+    height:2px;
+    background:cyan;
+    position:absolute;
+    left:0;
+    bottom:-5px;
+    transition:0.4s;
 }
-nav ul li a:hover::after{
-    width: 100%;
 
+nav ul li a:hover::after{
+    width:100%;
 }
+
 .header-text{
-    margin-top: 20%;
-    font-size: 20px;
+    margin-top:20%;
 }
+
 .header-text h1{
-    font-size: 60px;
-    margin-top: 10px;
+    font-size:50px;
+    font-family:'Orbitron', sans-serif;
 }
-.header-text h1 span{
-    color: #e95555;
+
+.header-text span{
+    color:cyan;
+    text-shadow:0 0 15px cyan;
+}
+
+#typing{
+    color:#00ffea;
+    letter-spacing:2px;
 }
-/*----------about----------*/
+
+/* ---------- ABOUT ---------- */
 #about{
-    padding: 80px 0;
-    color: #ababab;
+    padding:80px 0;
 }
-.row{
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
+
+.sub-title{
+    font-size:40px;
+    font-family:'Orbitron', sans-serif;
+    color:cyan;
 }
-.about-col-1{
-    flex-basis: 35%;
+
+.row{
+    display:flex;
+    flex-wrap:wrap;
+    gap:30px;
 }
+
 .about-col-1 img{
-    width: 100%;
-    border-radius: 15px;
-}
-.about-col-2{
-    flex-basis: 60%;
+    width:100%;
+    border-radius:15px;
+    box-shadow:0 0 20px rgba(0,255,255,0.5);
 }
 
-.sub-title{
-    font-size: 60px;
-    font-weight: 600;
-    color: bisque;
-}
-.tab-titles{
-    display: flex;
-    margin: 20px 0 40px;
-}
 .tab-links{
-    margin-right: 50px;
-    font-size: 18px;
-    font-weight: 500;
-    cursor: pointer;
-    position: relative;
-}
-.tab-links::after{
-    content: '';
-    width: 0;
-    height: 3px;
-    background: #ff004f;
-    position: absolute;
-    left: 0;
-    bottom: -8px;
-    transition: 0.5s;
-}
-
-.tab-links.active-link::after{
-    width: 50%;
-}
-.tab-contents ul li{
-    list-style: none;
-    margin: 10px 0;
-}
-.tab-contents ul li span{
-    color: #b54769;
-    font-size: 14px;
+    margin-right:20px;
+    cursor:pointer;
+    color:#aaa;
+}
+
+.tab-links.active-link{
+    color:cyan;
 }
+
 .tab-contents{
-    display: none;
+    display:none;
 }
+
 .tab-contents.active-tab{
-    display: block;
+    display:block;
 }
-/*------------------services-----------------*/
+
+/* ---------- SERVICES ---------- */
 #services{
-    padding: 30px 0;
+    padding:80px 0;
 }
+
 .services-list{
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    grid-gap: 40px;
-    margin-top: 50px;
-}
-.services-list div{
-    background: #262626;
-    padding: 40px;
-    font-size: 13px;
-    font-weight: 300;
-    border-radius: 10px;
-    transition: background 0.5s,transform 0.5s;
-}
-.services-list div i{
-    font-size: 50px;
-    margin-bottom: 30px;
-}
-.services-list div h2{
-    font-size: 30px;
-    font-weight: 500;
-    margin-bottom: 15px;
-}
-.services-list div a{
-    text-decoration: none;
-    color: #fff;
-    font-size: 12px;
-    margin-top: 20px;
-    display: inline-block;
+    display:grid;
+    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
+    gap:30px;
 }
+
 .services-list div{
-    text-decoration: none;
-    color: #fff;
-    font-size: 12px;
-    margin-top: 20px;
-    display: inline-block;
+    background:rgba(255,255,255,0.05);
+    padding:30px;
+    border-radius:15px;
+    backdrop-filter:blur(10px);
+    transition:0.4s;
+    box-shadow:0 0 15px rgba(0,255,255,0.2);
 }
+
 .services-list div:hover{
-    background: #ff004f;
-    transform: translateY(-10px);
+    transform:translateY(-10px);
+    box-shadow:0 0 30px cyan;
 }
-/*------------------portfolio-----------------*/
-#portfolio{
-    padding: 50px 0;
+
+.services-list i{
+    font-size:40px;
+    color:cyan;
 }
+
+/* ---------- WORK ---------- */
 .work img{
-    width: 100%;
-    border-radius: 15px;
+    width:100%;
+    border-radius:15px;
+    box-shadow:0 0 20px rgba(0,255,255,0.4);
 }
 
-/*------------------contact-----------------*/
-
-.contact-left{
-    flex-basis: 35%;
-}
-.contact-right{
-    flex-basis: 60%;
-}
-.contact-left p{
-    margin-top: 30px;
-}
+/* ---------- CONTACT ---------- */
 .contact-left p i{
-    color: #ff004f;
-    margin-right: 15px;
-    font-size: 25px;
-}
-.social-icons{
-    margin-top: 30px;
+    color:cyan;
 }
+
 .social-icons a{
-    text-decoration: none;
-    font-size: 30px;
-    margin-right: 15px;
-    color: #ababab;
-    display: inline-block;
-    transition: transform 0.5s;
+    color:#fff;
+    font-size:22px;
+    margin-right:15px;
+    transition:0.3s;
 }
+
 .social-icons a:hover{
-    color: #ff004f;
-    transform: translateY(-5px); 
-}
-.contact-right form{
-    width: 100%;
+    color:cyan;
+    text-shadow:0 0 10px cyan;
 }
+
 form input, form textarea{
-    width: 100%;
-    border: 0;
-    outline: none;
-    background: #262626;
-    padding: 15px;
-    margin: 15px 0;
-    color: #fff;
-    font-size: 18px;
-    border-radius: 6px;
-}
-form .btn{
-    display: block;
-    padding: 14px 60px;
-    font-size: 20px;
-    text-decoration: none;
-    border-radius: 5px;
-    margin: 50px auto;
-    border: 2px solid #f0eded;
+    width:100%;
+    background:#111;
+    border:none;
+    padding:15px;
+    margin:10px 0;
+    color:#fff;
+    border-radius:8px;
 }
+
+.btn{
+    background:cyan;
+    color:#000;
+    padding:12px 30px;
+    border:none;
+    border-radius:30px;
+    cursor:pointer;
+    font-weight:bold;
+}
+
 .btn:hover{
-    background: #ff004f;
-    transform: translateY(-5px);
+    box-shadow:0 0 20px cyan;
 }
+
 .copyright{
-    width: 100%;
-    text-align: center;
-    padding: 25px 0;
-    background: #262626;
-    font-weight: 300;
-    margin-top: 20px;
+    text-align:center;
+    padding:20px;
+    background:#000;
+    color:#888;
 }
-
-
-