@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");:root{--primary-color:#007ba7;--secondary-color:#fff;--background-color-light:#f0f0f0;--background-color-dark:#1a1a1a;--text-color-light:#000;--text-color-dark:#fff;--card-background-color-light:#fff;--card-background-color-dark:#2a2a2a}[data-theme=light]{--background-color:var(--background-color-light);--text-color:var(--text-color-light);--card-background-color:var(--card-background-color-light)}[data-theme=dark]{--background-color:var(--background-color-dark);--text-color:var(--text-color-dark);--card-background-color:var(--card-background-color-dark)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;font-family:Poppins,sans-serif}html{font-size:62.5%}body{width:100%;height:100vh;overflow-x:hidden;background-color:var(--background-color);color:var(--text-color)}header{margin-top:20px;left:0;width:100%;padding:1rem 9%;background-color:transparent;z-index:100}.header,header{position:-webkit-sticky;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center}.header{padding:1rem 2rem;background-color:var(--background-color);color:var(--text-color);z-index:1000}.logo{font-size:2.4rem;font-weight:700}.nav{display:flex;gap:2rem}.nav a{font-size:1.6rem;color:var(--text-color);transition:color .3s ease}.nav a.active,.nav a:hover{color:var(--primary-color)}.theme-toggle{background:block;font-size:2rem;position:absolute;top:1rem;right:1rem}.menu-toggle,.theme-toggle{border:none;cursor:pointer;color:var(--text-color)}.menu-toggle{background:none;font-size:2.4rem}.sidebar{display:flex;flex-direction:column;gap:2rem;position:fixed;top:0;right:-250px;width:250px;height:100%;background-color:var(--background-color);padding:2rem;box-shadow:-2px 0 5px rgba(0,0,0,.1);transition:right .3s ease;overflow-y:auto}.sidebar.open{right:0}.sidebar a{font-size:1.6rem;color:var(--text-color);transition:color .3s ease}.sidebar a.active,.sidebar a:hover{color:var(--primary-color)}@media (max-width:768px){.nav{display:none;flex-direction:column;gap:1rem;position:absolute;top:100%;left:0;width:100%;background-color:var(--background-color);padding:1rem 2rem;box-shadow:0 4px 8px rgba(0,0,0,.1)}.nav.open{display:flex}.menu-toggle{display:block}.sidebar{width:100%;right:-100%}.sidebar.open{right:0}}.logo{font-size:3rem;color:var(--primary-color);font-weight:800;cursor:pointer;transition:.5s ease}.logo:hover{transform:scale(1.1)}nav a{font-size:1.8rem;color:var(--text-color);margin-left:4rem;font-weight:500;transition:.3s ease;border-bottom:3px solid transparent}nav a.active,nav a:hover{color:var(--primary-color);border-bottom:3px solid var(--primary-color)}section{min-height:100vh;padding:5rem 9%}.home{display:flex;justify-content:center;align-items:center;gap:8rem;background-color:var(--background-color)}.home .home-content h1{font-size:6rem;font-weight:700;line-height:1.3}span{color:var(--primary-color)}.home-content h3{font-size:4rem;margin-bottom:1rem;font-weight:700}.home-img,img{border:1px solid #000!important;border-radius:50%}.home-content p{font-size:1.6rem}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icons a{color:var(--text-color);transition:color .3s ease}.social-icons a,.social-icons a:hover{color:var(--primary-color)}.social-icons a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background-color:transparent;border:.2rem solid var(--primary-color);font-size:2rem;border-radius:50%;margin:3rem 1.5rem 3rem 0;transition:.3s ease}.social-icons a:hover{color:var(--text-color);transform:scale(1.3) translateY(-5px);box-shadow:0 0 25px var(--primary-color)}.btn,.social-icons a:hover{background-color:var(--primary-color)}.btn{display:inline-block;padding:1rem 2.8rem;border-radius:4rem;font-size:1.6rem;color:var(--secondary-color);letter-spacing:.3rem;font-weight:600;border:2px solid var(--primary-color);transition:.3s ease;cursor:pointer}.btn:hover{transform:scale(1.03);background-color:var(--secondary-color);color:var(--primary-color);box-shadow:0 0 25px var(--primary-color)}.typing-text{font-size:3.4rem;font-weight:600;min-width:280px}.typing-text span{position:relative}.typing-text span:before{content:"software Developer";color:var(--primary-color);animation:words 20s infinite}.typing-text span:after{content:"";background-color:var(--text-color);position:absolute;width:2px;height:100%;top:0;right:0;animation:blink 1s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes cursor{to{border-left:3px solid var(--primary-color)}}@keyframes words{0%,20%{content:"Web Developer"}21%,40%{content:"React Developer"}41%,60%{content:"Web Designer"}61%,80%{content:"Frontend Developer"}81%,to{content:"Software Developer"}}@media (max-width:1000px){.home{gap:4rem}}@media (max-width:995px){.home{flex-direction:column;margin:5rem 4rem}.home .home-content h3{font-size:2.5rem}.home-content h1{font-size:5rem}}.rounded-img{border-radius:50%;width:100%;height:auto;object-fit:cover}.home-img{max-width:300px;margin:0 auto}@media (max-width:768px){.home{flex-direction:column;text-align:center}.home-img{max-width:200px}.home-content h1{font-size:4rem}.home-content h3{font-size:2.5rem}}