body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;overflow-x:hidden;background:#0d1117}html{scroll-behavior:smooth}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#0d1117;border-left:2px solid rgba(0,255,65,.3)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ff41cc,#00ff41,#00ff41cc);border-radius:10px;border:1px solid rgba(0,255,65,.5);box-shadow:inset 0 0 10px #00ff4166,0 0 15px #00ff41cc}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00ff41,#00dc32,#00ff41);box-shadow:inset 0 0 15px #00ff4199,0 0 25px #00ff41}.App{min-height:100vh;width:100%}.mobile-view-wrapper{background:#0a0a0a;color:#fff;min-height:100vh;width:100%}.desktop-view-wrapper{background:#0d1117;color:#00ff41;min-height:100vh;width:100%}.desktop-view-wrapper .navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#0d1117f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border-bottom:2px solid #00ff41;box-shadow:0 4px 20px #00ff414d;animation:slideDown .8s ease-out}.desktop-view-wrapper .navbar-container{max-width:1400px;height:100%;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;align-items:center}.desktop-view-wrapper .navbar-logo{font-size:16px;font-weight:400;font-family:Courier New,monospace;color:#00ff41;text-decoration:none;letter-spacing:.5px;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,65,.6)}.desktop-view-wrapper .navbar-logo .keyword{color:#ff79c6;font-weight:600}.desktop-view-wrapper .navbar-logo .class-name{color:#50fa7b;font-weight:600}.desktop-view-wrapper .navbar-logo .bracket{color:#8be9fd;font-weight:600}.desktop-view-wrapper .navbar-logo:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(0,255,65,.9)}.desktop-view-wrapper .navbar-menu{display:flex;gap:40px;list-style:none;align-items:center;margin:0;padding:0}.desktop-view-wrapper .navbar-menu li{position:relative}.desktop-view-wrapper .navbar-link{color:#8be9fd;text-decoration:none;font-size:14px;font-weight:400;font-family:Courier New,monospace;transition:all .3s ease;position:relative;letter-spacing:.5px}.desktop-view-wrapper .navbar-link .method-prefix{color:#50fa7b;font-weight:600}.desktop-view-wrapper .navbar-link:before{content:">";position:absolute;left:-15px;color:#00ff41;opacity:0;transition:all .3s ease}.desktop-view-wrapper .navbar-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#00ff41;box-shadow:0 0 10px #00ff41cc;transition:width .3s ease}.desktop-view-wrapper .navbar-link:hover{color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.6);transform:translate(5px)}.desktop-view-wrapper .navbar-link:hover .method-prefix{color:#00ff41}.desktop-view-wrapper .navbar-link:hover:before{opacity:1;left:-20px}.desktop-view-wrapper .navbar-link:hover:after{width:100%}.desktop-view-wrapper .navbar-link.active{color:#00ff41;font-weight:600;text-shadow:0 0 15px rgba(0,255,65,.8)}.desktop-view-wrapper .navbar-link.active .method-prefix{color:#00ff41}.desktop-view-wrapper .navbar-link.active:after{width:100%;animation:pulse 2s ease-in-out infinite}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.desktop-view-wrapper .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1117;padding-top:70px;position:relative;overflow:hidden}.desktop-view-wrapper .hero:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(rgba(0,255,65,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.desktop-view-wrapper .hero:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,65,.08) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:pulse 4s ease-in-out infinite}.desktop-view-wrapper .hero-content{max-width:1300px;width:100%;padding:0 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}.desktop-view-wrapper .hero-text{animation:fadeInLeft 1s ease-out}.desktop-view-wrapper .code-block{background:#0d1117cc;border:2px solid #00ff41;border-radius:12px;padding:30px;font-family:Courier New,monospace;box-shadow:0 0 30px #00ff414d;position:relative;overflow:hidden}.desktop-view-wrapper .code-block:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff41,transparent);animation:scan 3s linear infinite}.desktop-view-wrapper .code-line{margin:12px 0;font-size:18px;line-height:1.8;animation:typingEffect .5s ease-out both;position:relative;padding-left:20px}.desktop-view-wrapper .code-line:before{content:attr(data-line);position:absolute;left:0;color:#00ff41;opacity:.4;font-size:14px}.desktop-view-wrapper .code-line:nth-child(1){animation-delay:.1s}.desktop-view-wrapper .code-line:nth-child(2){animation-delay:.2s}.desktop-view-wrapper .code-line:nth-child(3){animation-delay:.3s}.desktop-view-wrapper .code-line:nth-child(4){animation-delay:.4s}.desktop-view-wrapper .code-line:nth-child(5){animation-delay:.5s}.desktop-view-wrapper .code-line:nth-child(6){animation-delay:.6s}.desktop-view-wrapper .code-line:nth-child(7){animation-delay:.7s}.desktop-view-wrapper .code-line:nth-child(8){animation-delay:.8s}.desktop-view-wrapper .indent-1{padding-left:50px}.desktop-view-wrapper .indent-2{padding-left:80px}.desktop-view-wrapper .keyword{color:#ff79c6;font-weight:700;text-shadow:0 0 5px rgba(255,121,198,.5)}.desktop-view-wrapper .class-name{color:#00ff41;font-weight:700;font-size:22px;text-shadow:0 0 10px rgba(0,255,65,.8);animation:glow 2s ease-in-out infinite}.desktop-view-wrapper .type{color:#8be9fd;font-weight:600}.desktop-view-wrapper .variable{color:#f1fa8c}.desktop-view-wrapper .string{color:#50fa7b;text-shadow:0 0 3px rgba(80,250,123,.5)}.desktop-view-wrapper .bracket{color:#fff;font-weight:700}.desktop-view-wrapper .hero-buttons{display:flex;gap:20px;margin-top:40px;animation:fadeIn 1s ease-out 1s both}.desktop-view-wrapper .hero-btn{padding:16px 35px;border:2px solid #00ff41;border-radius:8px;font-size:16px;font-weight:600;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:transparent;color:#00ff41}.desktop-view-wrapper .hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#00ff411a;transition:left .3s ease}.desktop-view-wrapper .hero-btn:hover:before{left:100%}.desktop-view-wrapper .hero-btn-primary{background:#00ff411a;box-shadow:0 0 20px #00ff414d}.desktop-view-wrapper .hero-btn-primary:hover{background:#00ff41;color:#0d1117;transform:translateY(-3px);box-shadow:0 5px 30px #00ff4199}.desktop-view-wrapper .hero-btn-secondary:hover{background:#00ff4133;transform:translateY(-3px);box-shadow:0 5px 30px #00ff4166}.desktop-view-wrapper .btn-icon{margin-right:8px;font-weight:700;animation:blink 1s infinite}.desktop-view-wrapper .hero-image{position:relative;animation:fadeInRight 1s ease-out;display:flex;justify-content:center;align-items:center}.desktop-view-wrapper .image-frame{background:#0d1117e6;border:2px solid #00ff41;border-radius:12px;overflow:hidden;box-shadow:0 0 40px #00ff4166;animation:float 4s ease-in-out infinite;width:100%;max-width:250px}.desktop-view-wrapper .frame-header{background:#00ff411a;padding:10px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #00ff41}.desktop-view-wrapper .frame-dot{width:10px;height:10px;border-radius:50%;background:#00ff41;box-shadow:0 0 10px #00ff41cc;animation:pulse 2s ease-in-out infinite}.desktop-view-wrapper .frame-dot:nth-child(1){animation-delay:.3s;background-color:red}.desktop-view-wrapper .frame-dot:nth-child(2){animation-delay:.3s;background-color:#ff0}.desktop-view-wrapper .frame-dot:nth-child(3){animation-delay:.6s;background-color:#0cd10c}.desktop-view-wrapper .frame-title{margin-left:auto;color:#00ff41;font-family:Courier New,monospace;font-size:13px;font-weight:600}.desktop-view-wrapper .image-content{position:relative;width:100%}.desktop-view-wrapper .hero-image img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 30px rgba(0,255,65,.3));object-fit:contain}.desktop-view-wrapper .tech-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.desktop-view-wrapper .tech-icons img{position:absolute;width:100px;height:40px;filter:drop-shadow(0 0 10px rgba(0,255,65,.6));transition:transform .3s ease}.desktop-view-wrapper .tech-icons img:hover{transform:scale(1.2);filter:drop-shadow(0 0 20px rgba(0,255,65,.9))}.desktop-view-wrapper .scoll{top:10%;left:-5%;animation:floatIcon1 3s ease-in-out infinite}.desktop-view-wrapper .scoll1{top:5%;right:-5%;animation:floatIcon2 3.5s ease-in-out infinite}.desktop-view-wrapper .scoll2{top:30%;left:-8%;animation:floatIcon3 4s ease-in-out infinite}.desktop-view-wrapper .scoll3{top:25%;right:-8%;animation:floatIcon4 3.2s ease-in-out infinite}.desktop-view-wrapper .scoll4{top:55%;left:-5%;animation:floatIcon5 3.8s ease-in-out infinite}.desktop-view-wrapper .scoll5{top:50%;right:-5%;animation:floatIcon6 4.2s ease-in-out infinite}.desktop-view-wrapper .scoll6{top:75%;left:-8%;animation:floatIcon7 3.6s ease-in-out infinite}.desktop-view-wrapper .scoll7{top:70%;right:-8%;animation:floatIcon8 4.5s ease-in-out infinite}.desktop-view-wrapper .scoll8{bottom:5%;left:15%;animation:floatIcon9 3.4s ease-in-out infinite}.desktop-view-wrapper .scoll9{bottom:5%;right:15%;animation:floatIcon10 4.8s ease-in-out infinite}@keyframes floatIcon1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes floatIcon2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-5deg)}}@keyframes floatIcon3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes floatIcon4{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-4deg)}}@keyframes floatIcon5{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes floatIcon6{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(-3deg)}}@keyframes floatIcon7{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-13px) rotate(4deg)}}@keyframes floatIcon8{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-19px) rotate(-6deg)}}@keyframes floatIcon9{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-11px) rotate(5deg)}}@keyframes floatIcon10{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-17px) rotate(-5deg)}}@keyframes typingEffect{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(0,255,65,.8),0 0 20px rgba(0,255,65,.5)}50%{text-shadow:0 0 20px rgba(0,255,65,1),0 0 30px rgba(0,255,65,.8)}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes scan{0%{left:-100%}to{left:200%}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.desktop-view-wrapper .about{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1117;padding:100px 60px;position:relative;font-family:Courier New,monospace}.desktop-view-wrapper .about:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,65,.1) 0%,transparent 70%);border-radius:50%;bottom:-200px;left:-200px;animation:float 8s ease-in-out infinite}.desktop-view-wrapper .about-container{max-width:1200px;width:100%;background:#0d1117e6;border:2px solid #00ff41;border-radius:8px;padding:30px;box-shadow:0 0 20px #00ff414d}.desktop-view-wrapper .about-title{font-size:32px;font-weight:700;margin-bottom:40px;color:#00ff41;letter-spacing:0;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,65,.5)}.desktop-view-wrapper .about.visible .about-title{animation:fadeInUp .8s ease-out}.desktop-view-wrapper .code-line{margin-bottom:10px}.desktop-view-wrapper .closing-brace{font-size:32px;color:#00ff41;margin-top:30px;text-shadow:0 0 10px rgba(0,255,65,.5)}.desktop-view-wrapper .about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.desktop-view-wrapper .about.visible .about-text{animation:fadeInLeft 1s ease-out .2s both}.desktop-view-wrapper .about.visible .about-image{animation:fadeInRight 1s ease-out .4s both}.desktop-view-wrapper .about-description{font-size:16px;color:#c9d1d9;line-height:1.8;margin-bottom:20px;padding:15px;background:#00ff410d;border-left:3px solid #00ff41;border-radius:4px}.desktop-view-wrapper .about-details{display:flex;flex-direction:column;gap:20px;margin-top:30px}.desktop-view-wrapper .about-detail{display:flex;align-items:center;gap:15px;padding:15px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;transition:all .3s ease}.desktop-view-wrapper .about-detail:hover{background:#00ff411a;border-color:#00ff41;transform:translate(10px);box-shadow:0 0 15px #00ff414d}.desktop-view-wrapper .about-icon{font-size:28px;filter:grayscale(0)}.desktop-view-wrapper .about-detail>div{display:flex;flex-direction:column;gap:5px}.desktop-view-wrapper .about-label{font-size:13px;color:#ff79c6;font-weight:600;font-family:Courier New,monospace}.desktop-view-wrapper .about-value{font-size:15px;color:#f1fa8c;font-weight:500;font-family:Courier New,monospace}.desktop-view-wrapper .about-image{position:relative;display:flex;justify-content:center;align-items:center}.desktop-view-wrapper .terminal-frame{background:#0d1117e6;border:2px solid #00ff41;border-radius:12px;overflow:hidden;box-shadow:0 0 40px #00ff4166;animation:float 4s ease-in-out infinite;width:100%;max-width:350px}.desktop-view-wrapper .terminal-header{background:#00ff411a;padding:10px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #00ff41}.desktop-view-wrapper .terminal-dot{width:10px;height:10px;border-radius:50%;display:inline-block;animation:pulse 2s ease-in-out infinite}.desktop-view-wrapper .terminal-dot.red{background:#f55;box-shadow:0 0 10px #f55c;animation-delay:0s}.desktop-view-wrapper .terminal-dot.yellow{background:#f1fa8c;box-shadow:0 0 10px #f1fa8ccc;animation-delay:.3s}.desktop-view-wrapper .terminal-dot.green{background:#50fa7b;box-shadow:0 0 10px #50fa7bcc;animation-delay:.6s}.desktop-view-wrapper .terminal-title{margin-left:auto;color:#00ff41;font-size:13px;font-weight:600;font-family:Courier New,monospace}.desktop-view-wrapper .about-image img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 30px rgba(0,255,65,.3));object-fit:contain}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.desktop-view-wrapper .skills{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1117;padding:100px 60px;position:relative;font-family:Courier New,monospace}.desktop-view-wrapper .skills:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(0,255,65,.08) 0%,transparent 70%);border-radius:50%;top:-250px;right:-250px;animation:float 7s ease-in-out infinite}.desktop-view-wrapper .skills-container{max-width:1200px;width:100%;background:#0d1117e6;border:2px solid #00ff41;border-radius:8px;padding:30px;box-shadow:0 0 20px #00ff414d}.desktop-view-wrapper .skills-title{font-size:32px;font-weight:700;margin-bottom:30px;color:#00ff41;letter-spacing:0;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,65,.5)}.desktop-view-wrapper .syntax{color:#00ff41}.desktop-view-wrapper .code-line{margin-bottom:10px;color:#c9d1d9}.desktop-view-wrapper .array-close{margin-top:15px;color:#00ff41}.desktop-view-wrapper .skills.visible .skills-title{animation:fadeInUp .8s ease-out}.desktop-view-wrapper .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-left:40px;margin-top:15px}.desktop-view-wrapper .skill-item{padding:20px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;font-size:16px;color:#f1fa8c;font-weight:500;transition:all .4s ease;position:relative;overflow:hidden;font-family:Courier New,monospace;text-align:center}.desktop-view-wrapper .skills.visible .skill-item{animation:fadeInUp .6s ease-out both}.desktop-view-wrapper .skills.visible .skill-item:nth-child(1){animation-delay:.1s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(2){animation-delay:.2s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(3){animation-delay:.3s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(4){animation-delay:.4s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(5){animation-delay:.5s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(6){animation-delay:.6s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(7){animation-delay:.7s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(8){animation-delay:.8s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(9){animation-delay:.9s}.desktop-view-wrapper .skills.visible .skill-item:nth-child(10){animation-delay:1s}.desktop-view-wrapper .skill-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent,rgba(0,255,65,.2),transparent);transform:rotate(45deg);transition:all .6s ease}.desktop-view-wrapper .skill-item:hover:before{left:100%}.desktop-view-wrapper .skill-item:hover{background:#00ff4126;border-color:#00ff41;transform:translateY(-8px) scale(1.05);box-shadow:0 0 20px #00ff4166}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.desktop-view-wrapper .projects{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1117;padding:100px 60px;position:relative;font-family:Courier New,monospace}.desktop-view-wrapper .projects:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,65,.08) 0%,transparent 70%);border-radius:50%;bottom:-200px;right:-200px;animation:float 9s ease-in-out infinite}.desktop-view-wrapper .projects-container{max-width:1200px;width:100%;background:#0d1117e6;border:2px solid #00ff41;border-radius:8px;padding:30px;box-shadow:0 0 20px #00ff414d}.desktop-view-wrapper .projects-title{font-size:32px;font-weight:700;margin-bottom:30px;color:#00ff41;letter-spacing:0;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,65,.5)}.desktop-view-wrapper .string{color:#f1fa8c}.desktop-view-wrapper .code-body{margin-left:20px}.desktop-view-wrapper .code-line{margin-bottom:15px;color:#c9d1d9}.desktop-view-wrapper .closing-brace{font-size:32px;color:#00ff41;margin-top:20px;text-shadow:0 0 10px rgba(0,255,65,.5)}.desktop-view-wrapper .projects.visible .projects-title{animation:fadeInUp .8s ease-out}.desktop-view-wrapper .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-left:20px;margin-top:20px}.desktop-view-wrapper .project-card{background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:8px;overflow:hidden;transition:all .4s ease;text-decoration:none;display:block;position:relative}.desktop-view-wrapper .projects.visible .project-card{animation:fadeInUp .6s ease-out both}.desktop-view-wrapper .projects.visible .project-card:nth-child(1){animation-delay:.1s}.desktop-view-wrapper .projects.visible .project-card:nth-child(2){animation-delay:.2s}.desktop-view-wrapper .projects.visible .project-card:nth-child(3){animation-delay:.3s}.desktop-view-wrapper .projects.visible .project-card:nth-child(4){animation-delay:.4s}.desktop-view-wrapper .projects.visible .project-card:nth-child(5){animation-delay:.5s}.desktop-view-wrapper .projects.visible .project-card:nth-child(6){animation-delay:.6s}.desktop-view-wrapper .project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,255,65,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.desktop-view-wrapper .project-card:hover:before{opacity:1}.desktop-view-wrapper .project-card:hover{transform:translateY(-10px);box-shadow:0 0 30px #00ff4166;border-color:#00ff41}.desktop-view-wrapper .terminal-window{background:#1a1f2e;border-bottom:1px solid rgba(0,255,65,.3)}.desktop-view-wrapper .terminal-header{background:#0d1117;padding:8px 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(0,255,65,.3)}.desktop-view-wrapper .terminal-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.desktop-view-wrapper .terminal-dot.red{background:#f55;box-shadow:0 0 5px #f55}.desktop-view-wrapper .terminal-dot.yellow{background:#f1fa8c;box-shadow:0 0 5px #f1fa8c}.desktop-view-wrapper .terminal-dot.green{background:#50fa7b;box-shadow:0 0 5px #50fa7b}.desktop-view-wrapper .terminal-title{color:#8be9fd;font-size:11px;margin-left:8px;font-family:Courier New,monospace}.desktop-view-wrapper .project-image{width:100%;height:200px;overflow:hidden;background:#0d1117}.desktop-view-wrapper .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:.9}.desktop-view-wrapper .project-card:hover .project-image img{transform:scale(1.1);opacity:1}.desktop-view-wrapper .project-info{padding:20px;position:relative;z-index:1;background:#0d1117cc}.desktop-view-wrapper .project-code{font-size:14px;color:#c9d1d9;margin-bottom:8px;font-family:Courier New,monospace;line-height:1.6}.desktop-view-wrapper .project-name{font-size:20px;font-weight:600;color:#fff;margin-bottom:10px}.desktop-view-wrapper .project-tech{font-size:14px;color:#b0b0b0;margin:0}.desktop-view-wrapper .contact{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1117;color:#fff;padding:100px 60px;position:relative;font-family:Courier New,monospace}.desktop-view-wrapper .contact:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(0,255,65,.1) 0%,transparent 70%);border-radius:50%;top:-250px;left:-250px;animation:float 10s ease-in-out infinite}.desktop-view-wrapper .contact-container{max-width:700px;width:100%;position:relative;z-index:1;background:#0d1117e6;border:2px solid #00ff41;border-radius:8px;padding:30px;box-shadow:0 0 20px #00ff414d}.desktop-view-wrapper .code-header{margin-bottom:20px}.desktop-view-wrapper .code-comment{color:#8be9fd;font-size:16px;font-style:italic}.desktop-view-wrapper .contact-header{margin-bottom:40px}.desktop-view-wrapper .contact-title{font-size:32px;font-weight:700;margin-bottom:15px;color:#00ff41;letter-spacing:0;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,65,.5);animation:fadeInUp .8s ease-out}.desktop-view-wrapper .keyword{color:#ff79c6;font-weight:700}.desktop-view-wrapper .class-name{color:#50fa7b;font-weight:700}.desktop-view-wrapper .variable{color:#8be9fd}.desktop-view-wrapper .comment{color:#6272a4;font-style:italic}.desktop-view-wrapper .code-line{margin-bottom:15px;color:#c9d1d9;font-size:14px}.desktop-view-wrapper .closing-brace{font-size:32px;color:#00ff41;margin-top:30px;margin-bottom:20px;text-shadow:0 0 10px rgba(0,255,65,.5)}.desktop-view-wrapper .contact-subtitle{font-size:18px;color:#b0b0b0;animation:fadeInUp 1s ease-out .2s both}.desktop-view-wrapper .contact-form{display:flex;flex-direction:column;gap:25px;text-align:left;animation:fadeInUp 1s ease-out .4s both;margin-left:20px}.desktop-view-wrapper .form-group{display:flex;flex-direction:column;gap:8px}.desktop-view-wrapper .form-label{font-size:14px;color:#c9d1d9;font-family:Courier New,monospace;margin-bottom:5px}.desktop-view-wrapper .form-group input,.desktop-view-wrapper .form-group textarea{padding:15px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;color:#f1fa8c;font-size:15px;font-family:Courier New,monospace;transition:all .3s ease}.desktop-view-wrapper .form-group input::placeholder,.desktop-view-wrapper .form-group textarea::placeholder{color:#6272a4;font-family:Courier New,monospace}.desktop-view-wrapper .form-group input:focus,.desktop-view-wrapper .form-group textarea:focus{outline:none;border-color:#00ff41;background:#00ff411a;box-shadow:0 0 20px #00ff414d}.desktop-view-wrapper .form-group textarea{min-height:150px;resize:vertical}.desktop-view-wrapper .form-submit{padding:15px 40px;background:#00ff411a;border:2px solid #00ff41;border-radius:6px;color:#00ff41;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s ease;margin-top:15px;position:relative;overflow:hidden;font-family:Courier New,monospace;text-transform:none;box-shadow:0 0 20px #00ff4133}.desktop-view-wrapper .submit-text{position:relative;z-index:1}.desktop-view-wrapper .form-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00ff414d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.desktop-view-wrapper .form-submit:hover:before{width:400px;height:400px}.desktop-view-wrapper .form-submit:hover{transform:translateY(-3px);box-shadow:0 0 30px #00ff4180;background:#00ff4133}.desktop-view-wrapper .form-submit:disabled{background:#3c3c3c4d;border-color:#444;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.desktop-view-wrapper .form-message{padding:15px;border-radius:6px;font-size:14px;text-align:left;animation:fadeIn .5s ease-out;font-family:Courier New,monospace}.desktop-view-wrapper .form-message.success{background:#50fa7b1a;border:1px solid rgba(80,250,123,.4);color:#50fa7b}.desktop-view-wrapper .form-message.error{background:#ff55551a;border:1px solid rgba(255,85,85,.4);color:#f55}.desktop-view-wrapper .contact-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(0,255,65,.3);animation:fadeIn 1.2s ease-out .6s both}.desktop-view-wrapper .contact-footer p,.desktop-view-wrapper .footer-code{font-size:13px;color:#6272a4;font-family:Courier New,monospace;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-smoke-container{position:fixed;right:0;top:0;width:80px;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.smoke-particle{position:absolute;right:15px;width:12px;height:12px;background:radial-gradient(circle,rgba(0,255,65,1) 0%,rgba(0,255,65,.8) 20%,rgba(0,255,65,.4) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 20px #00ff41,0 0 40px #00ff41cc,0 0 60px #00ff4180,0 0 80px #00ff414d;pointer-events:none;filter:blur(2px);will-change:transform,opacity}.scroll-glow-indicator{position:fixed;right:0;top:50px;transform:translateY(-50%);width:40px;height:120px;background:linear-gradient(to left,rgba(0,255,65,.5) 0%,rgba(0,255,65,.2) 40%,transparent 100%);pointer-events:none;z-index:9998;opacity:.2;filter:blur(15px);border-radius:30px 0 0 30px;box-shadow:-10px 0 30px #00ff4166,-20px 0 50px #00ff4133;will-change:top,transform,opacity;transition:top .1s ease-out}.desktop-view-wrapper::-webkit-scrollbar{width:14px}.desktop-view-wrapper::-webkit-scrollbar-track{background:#0d1117;border-left:2px solid rgba(0,255,65,.3)}.desktop-view-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ff41cc,#00ff41,#00ff41cc);border-radius:10px;border:1px solid rgba(0,255,65,.5);box-shadow:inset 0 0 10px #00ff4166,0 0 15px #00ff41cc,0 0 30px #00ff4180;transition:all .3s ease}.desktop-view-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00ff41,#00dc32,#00ff41);box-shadow:inset 0 0 15px #00ff4199,0 0 25px #00ff41,0 0 50px #00ff41b3}.desktop-view-wrapper::-webkit-scrollbar-thumb:active{box-shadow:inset 0 0 20px #00ff41cc,0 0 35px #00ff41,0 0 70px #00ff41e6}@keyframes scrollbarPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.mobile-view-wrapper .main{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.mobile-view-wrapper .eshwar-img{width:170px;display:inline-block;position:relative;bottom:50px;transition:all .8s ease-in-out;z-index:1}.mobile-view-wrapper .profile h1{font-size:20px}.mobile-view-wrapper .scoll{animation:img 6s linear infinite;position:absolute;border:10px solid rgba(255,255,255,.372);border-radius:10px;top:10%;left:5%}.mobile-view-wrapper .scoll1{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:19%;right:3%}.mobile-view-wrapper .scoll2{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:40%;right:6%}.mobile-view-wrapper .scoll3{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:35%;left:15%}.mobile-view-wrapper .scoll4{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:10%}.mobile-view-wrapper .scoll5{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:20%;left:5px}.mobile-view-wrapper .scoll6{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:30%;right:30px}.mobile-view-wrapper .scoll7{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:50%;right:34px}.mobile-view-wrapper .scoll8{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:50%;left:20px}.mobile-view-wrapper .scoll9{animation:img 6s linear infinite;position:absolute;border:7px solid rgba(255,255,255,.372);border-radius:10px;top:17%;left:80px}@keyframes img{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}.mobile-view-wrapper .profile{width:60%;height:700px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:translateY(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .profile h3{font-size:13px;position:relative;bottom:40px;cursor:pointer;font-family:Poppins,serif}.mobile-view-wrapper .media-container{width:20%;height:290px;position:absolute;bottom:0;left:0}.mobile-view-wrapper .logo{display:flex;width:30px;height:30px;justify-content:center;align-items:center;position:absolute;top:50px;left:50px;opacity:0;transform:translate(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .lo{--delay:.2s }@keyframes slideup{to{opacity:1;transform:translate(0)}}.mobile-view-wrapper .logo h1{font-family:Sriracha,serif}.mobile-view-wrapper .projects{position:absolute;top:30%;left:25px;width:30px;height:160px;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .projects h1{transform:rotate(270deg);font-family:Poppins,serif;font-size:20px;cursor:pointer}.mobile-view-wrapper .about{width:30px;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;bottom:10px;left:30%;opacity:0;transform:translateY(100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .about h1{font-size:20px;font-family:Poppins,serif;cursor:pointer}.mobile-view-wrapper .email{width:30px;height:50px;display:flex;justify-content:center;align-items:center;position:absolute;top:37px;right:50px;opacity:0;transform:translate(100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .skills{width:70px;height:30px;display:flex;justify-content:center;align-items:center;position:absolute;bottom:18px;right:10%;font-family:Poppins,serif;opacity:0;transform:translateY(100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .skills h1{font-size:16px;font-family:Poppins,serif;cursor:pointer}.mobile-view-wrapper .skill-section{width:60%;height:90vh;display:flex;justify-content:center;align-items:center}.mobile-view-wrapper .projects-section{width:100%;height:70vh;display:flex;justify-content:center;align-items:center;overflow:hidden;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;gap:150px}.mobile-view-wrapper .con{margin-left:538rem}.mobile-view-wrapper .projects-section::-webkit-scrollbar{display:none}.mobile-view-wrapper .animi1,.mobile-view-wrapper .animi2{opacity:0;transform:translateY(100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .back-btn{position:absolute;top:5%}.mobile-view-wrapper .back-btn button{border:none;outline:none;background-color:#fff;border-radius:50%;opacity:0;width:30px;height:30px;transform:translateY(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper #projects-title{position:absolute;top:20%;font-size:70px;font-weight:700;font-family:Poppins,serif;filter:blur(3px);color:indigo;background-image:linear-gradient(45deg,indigo,#8f00ff,#d400ff,#ff00c8,#ff1493);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .resume{position:absolute;color:#fff;top:6%;font-size:18px;cursor:pointer;font-family:Poppins,serif;opacity:0;transform:translateY(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .resume a{text-decoration:none;color:#fff;padding:5px;font-weight:600;cursor:pointer}.mobile-view-wrapper .icons{width:20%;height:290px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;gap:30px}.mobile-view-wrapper .social{width:20%;height:290px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}.mobile-view-wrapper .icons i{animation:social 5s linear infinite;transition:all .5s ease-in-out;opacity:0;transform:translateY(100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .i1{--delay:.2s }.mobile-view-wrapper .i2{--delay:.4s }.mobile-view-wrapper .i3{--delay:.6s }.mobile-view-wrapper .i4{--delay:.8s }@keyframes social{0%{transform:rotate(10deg);transform:translateY(10px)}50%{transform:translateY(-10px)}to{transform:rotate(0);transform:translateY(0)}}.mobile-view-wrapper i:hover{scale:1.3;transition:all .5s ease-in-out;cursor:pointer}.mobile-view-wrapper .box{width:0px;height:0px;display:flex;justify-content:center;align-items:center;border:3px solid white;transition:all .5s ease-in-out;cursor:pointer;font-family:Poppins,serif;opacity:0;transform:translateY(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .click-intro{width:210px;height:300px;display:flex;justify-content:center;align-items:center}.mobile-view-wrapper .click-intro span{font-size:30px;font-family:Sriracha,serif;position:relative;top:10px;color:indigo;background-image:linear-gradient(45deg,indigo,#8f00ff,#d400ff,#ff00c8,#ff1493);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .click-intro h6{font-size:17px;font-family:Sriracha,serif;opacity:0;transform:translate(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay);color:#39ff14;background-image:linear-gradient(45deg,#39ff14,#2bfd6a,#1dfba1,#0fe9d8,#00d7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .click-intro p{font-size:13px;font-family:Sriracha,serif;color:#39ff14;background-image:linear-gradient(45deg,#39ff14,#2bfd6a,#1dfba1,#0fe9d8,#00d7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .cartoon-img img{position:relative;bottom:5px;opacity:0;transform:translateY(200px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .particles-box-bg{position:absolute;width:100%;height:100%;z-index:0;top:0;left:0;filter:brightness(1.6);pointer-events:none}.mobile-view-wrapper .box{position:relative;overflow:hidden;z-index:1}.mobile-view-wrapper .about-box{width:10px;height:10px;display:flex;justify-content:center;align-items:center;border:3px solid white;transition:all .5s ease-in-out;cursor:pointer;font-family:Poppins,serif;background-color:#ffffff25;overflow:hidden;overflow-x:hidden;overflow-y:hidden;z-index:0}.mobile-view-wrapper .bg-about h1{font-size:60px;position:absolute;top:5%;text-align:center;z-index:0;font-weight:900;font-family:Poppins,serif;color:#80808096;filter:blur(1px);color:indigo;background-image:linear-gradient(45deg,indigo,#8f00ff,#d400ff,#ff00c8,#ff1493);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .about-box .cartoon-img img{position:absolute;bottom:10%;left:20%;transition:all .5s ease-in-out;opacity:0;transform:translate(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .cartoon2-img img{position:absolute;top:14%;left:-30px;width:20px;transition:all .5s ease-in-out;opacity:0;transform:translate(100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .about-box .about-intro{width:350px;height:400px;display:flex;justify-content:center;align-items:center}.mobile-view-wrapper .about-box .about-intro p{font-size:14px;width:200px;color:#39ff14;background-image:linear-gradient(45deg,#39ff14,#2bfd6a,#1dfba1,#0fe9d8,#00d7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;left:5px;font-weight:200;font-size:13px;font-family:Sriracha,serif;opacity:0;transform:translate(-100px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}@media screen and (min-width:750px){.mobile-view-wrapper .about-box .cartoon-img img{position:absolute;bottom:14%;left:70%;transition:all .5s ease-in-out}.mobile-view-wrapper .cartoon2-img img{position:absolute;top:14%;left:-30px;width:20px;transition:all .5s ease-in-out}}.mobile-view-wrapper .about-box .name{font-size:22px}@media screen and (max-width:730px){.mobile-view-wrapper .bg-about h1{font-size:60px;position:absolute;top:10%}}.mobile-view-wrapper .hi{color:indigo;background-image:linear-gradient(45deg,indigo,#8f00ff,#d400ff,#ff00c8,#ff1493);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .skill-container{width:100%;height:90vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#000}.mobile-view-wrapper .web-skill{width:250px;height:250px;color:#fff;background-color:#f0f8ff38;display:flex;justify-content:center;border-top-left-radius:20px;border-bottom-right-radius:20px;border-top:5px solid white;border-left:5px solid white;border-right:2px solid white;border-bottom:2px solid white;opacity:0;transform:translateY(-200px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .iot-skill{width:250px;height:250px;color:#fff;border-top:5px solid white;border-left:5px solid white;border-right:2px solid white;border-bottom:2px solid white;background-color:#f0f8ff38;display:flex;justify-content:center;border-top-left-radius:20px;border-bottom-right-radius:20px;opacity:0;transform:translateY(200px);animation:slideup 1s ease forwards;animation-delay:var(--delay)}.mobile-view-wrapper .skill1{--delay:.3s }.mobile-view-wrapper .skill2{--delay:.6s }.mobile-view-wrapper .skill1 h1,.mobile-view-wrapper .skill2 h1{font-size:18px;font-family:Sriracha,serif;color:#bc13fe;background-image:linear-gradient(45deg,#bc13fe,#e025be 31%,#f0459a,#fb697a 73%,#ff8e5f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .skill1 p{font-size:14px;font-family:Poppins,serif;color:#ffffffb0;font-weight:300;color:#39ff14;background-image:linear-gradient(45deg,#39ff14,#2bfd6a,#1dfba1,#0fe9d8,#00d7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .skill2 p{font-size:14px;font-family:Poppins,serif;color:#39ff14;background-image:linear-gradient(45deg,#39ff14,#2bfd6a,#1dfba1,#0fe9d8,#00d7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .skills-bg h1{font-size:70px;font-weight:700;font-family:Poppins,serif;filter:blur(1px);color:#1a0639;background-image:linear-gradient(45deg,#1a0639,#3c0a6b,#6a139e,#a11acf,#e324ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .skills-bg{position:absolute;top:10%}.mobile-view-wrapper .projects-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:30px}.mobile-view-wrapper .project1{position:relative;width:260px;height:350px;border-top-left-radius:30px;border-bottom-right-radius:30px;overflow:hidden;border:2px solid white;transition:all .3s ease;opacity:0;transform:translateY(100px);animation:slideup 1s ease forwards;animation-delay:var(--delay);background-color:#0776d809;display:flex;justify-content:center;font-family:Poppins,serif;transform:rotateX(180deg)}.mobile-view-wrapper .project1 img{border-top-left-radius:30px;border-bottom-right-radius:30px}.mobile-view-wrapper .project1:hover{transform:scale(1.05);box-shadow:0 0 20px #ffffff4d}.mobile-view-wrapper .particles-bg{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0}.mobile-view-wrapper .content-box{position:relative;z-index:1;text-align:center;padding:20px;color:#fff;height:100%;display:flex;flex-direction:column;justify-content:space-between}.mobile-view-wrapper .btn-section{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.mobile-view-wrapper .btn-section button{padding:6px 16px;border-radius:20px;border:none;background:#fff;color:#000;font-weight:700;transition:.3s}.mobile-view-wrapper .btn-section button:hover{background:#000;color:#fff;transform:scale(1.1)}.mobile-view-wrapper .project1 h3{color:#bc13fe;background-image:linear-gradient(45deg,#bc13fe,#e025be,#f0459a,#fb697a,#ff8e5f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-view-wrapper .project1 p{color:#39ff14;background-image:linear-gradient(45deg,#39ff14,#2bfd6a,#1dfba1,#0fe9d8,#00d7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}