body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{align-items:center;background-color:#000;box-shadow:0 2px 8px #ffffff4d;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;padding:0;position:sticky;top:0;transition:background-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s;transition:background-color .3s,backdrop-filter .3s,box-shadow .3s;transition:background-color .3s,backdrop-filter .3s,box-shadow .3s,-webkit-backdrop-filter .3s;width:100%;z-index:1000}nav.nav-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2}.left span{word-wrap:break-word;-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fc354c,#0abfbc);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2vw;font-style:italic;font-weight:400;left:10px;max-width:90vw;position:fixed;top:10px;z-index:1000}@media (max-width:768px){.left #typed-text{font-size:5vw;margin-left:90px}}.right ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.right ul li a{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,sans-serif;font-weight:500;text-decoration:none;transition:color .3s}.right ul li a:hover{color:#e1306c}.mobile-nav-toggle{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;margin-right:250px;width:24px}.mobile-nav-toggle span{background:#fff;border-radius:2px;height:3px;transition:.3s ease;width:100%}.mobile-nav-toggle.active span:first-child{transform:rotate(45deg) translateY(7px)}.mobile-nav-toggle.active span:nth-child(2){opacity:0}.mobile-nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.profile-container{align-items:center;display:flex;margin:0 30px;position:relative}.profile-wrapper{cursor:pointer;position:relative}.profile-icon{border:2px solid #fff;border-radius:50%;height:38px;object-fit:cover;width:38px}.active-dot{animation:blink 1s infinite;background-color:#4caf50;border:2px solid #fff;border-radius:50%;bottom:0;height:9px;position:absolute;right:0;width:9px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.profile-card{animation:fadeIn .3s ease-in;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #1d43c2;color:#333;padding:15px;position:absolute;right:0;text-align:center;top:50px;width:200px;z-index:100}.profile-card-img{border-radius:50%;height:60px;margin-bottom:10px;object-fit:cover;width:60px}.profile-card .status{color:#4caf50;font-size:12px;margin:5px 0}@media (max-width:992px){.right ul{background-color:#2c4666;border-radius:0 0 10px 10px;display:none;flex-direction:column;padding:20px;position:absolute;right:0;top:60px;width:220px}.mobile-nav-toggle,.right.active ul{display:flex}}body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfcfc;cursor:default;font-family:Poppins,sans-serif;margin:0;padding:0}.home-container{overflow-x:hidden;width:100%}.wallpaper{background-attachment:fixed;background-image:url(/static/media/wallpaper.cdb5edca243f89d47645.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:brightness(70%);height:100vh;position:relative;width:100%}.overlay{color:#fff;left:50%;max-width:1200px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1}.main-name{animation:fadeIn 2s ease-in-out forwards;font-size:clamp(2rem,8vw,4rem);font-weight:300;letter-spacing:4px;line-height:1.2;margin-bottom:.5rem;opacity:0}.sub-role{font-size:clamp(1rem,4vw,1.5rem);font-weight:300;margin-top:10px}.typed-text{color:#0fd;display:block;font-size:clamp(.9rem,3vw,1.2rem);font-weight:500;margin-top:20px;min-height:40px}.content-section{animation:fadeIn 1s ease-in;background-color:initial;color:#555;margin:0 auto;max-width:1200px;padding:2rem 1rem;text-align:center;width:100%}.content-section h2{color:#333;font-size:clamp(1.5rem,5vw,2rem);font-weight:300;margin-bottom:1rem;margin-top:0}.content-section p{color:#555;font-size:clamp(.9rem,3vw,1.1rem);line-height:1.6;margin:0 auto;max-width:800px}.welcome{display:block;height:auto;margin:0 auto;max-height:100px;max-width:200px;object-fit:contain;padding:0 0 1rem;transition:all .3s ease;width:auto}@media (max-width:992px){.wallpaper{background-attachment:scroll}}@media (max-width:768px){.welcome{max-height:75px;max-width:150px}.overlay{width:95%}}@media (max-width:480px){.main-name{letter-spacing:2px}.welcome{max-height:60px;max-width:120px;padding-bottom:.5rem}.content-section{padding:1.5rem .5rem}.typed-text{margin-top:15px;min-height:35px}}@media (max-width:360px){.welcome{max-height:50px;max-width:100px}}.about-section{background-color:initial;color:#9a8484;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.section-title{color:#000;font-size:clamp(1.5rem,5vw,2rem);font-weight:100;margin-bottom:30px;padding:0 15px;text-align:center}.about-content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;width:100%}.about-text{color:#333;font-size:clamp(.9rem,3vw,1.1rem);line-height:1.7;padding:0 15px;text-align:left;width:100%}.about-text strong{color:#ff0303}.about-photo{text-align:center;width:100%}.about-photo img{aspect-ratio:1/1;border-radius:50%;box-shadow:0 4px 12px #0003;margin:20px 0;max-width:100%;object-fit:cover;width:min(250px,80%)}.button-container{margin-top:25px;text-align:center}.resume-button{background-color:#000;border:1px solid #0000;border-radius:8px;color:#fff;display:inline-block;font-size:clamp(.9rem,3vw,1rem);font-weight:500;margin-top:20px;padding:12px 28px;text-decoration:none;transition:all .3s ease}.resume-button:hover{background-color:#635d5f;transform:translateY(-2px)}@media (min-width:768px){.about-section{padding:40px}.about-content{align-items:flex-start;flex-direction:row;gap:40px}.about-text{padding-right:20px}.about-photo{flex-shrink:0;width:auto}.about-photo img{margin:0;width:250px}.button-container{text-align:left}}@media (min-width:992px){.about-content{gap:60px}.about-text{padding-right:40px}}@media (max-width:575.98px){.about-section{padding:15px}.about-text{line-height:1.6}.resume-button{padding:10px;text-align:center;width:100%}}.passion-container{animation:fadeIn 1s ease-in;background-color:initial;color:#9a8484;font-family:Poppins,sans-serif;margin:20px auto;max-width:900px;padding:40px}.heading{font-size:2rem;font-weight:100;margin-bottom:20px}.heading,.intro{color:#000;text-align:center}.intro{font-size:1.1rem;line-height:1.8;margin-bottom:40px}.tech-stack{text-align:center}.tech-stack h2{color:#e42b63;margin-bottom:20px}.icons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.icon{background-color:#2c2c3e;border-radius:12px;box-shadow:0 4px 10px #0000001a;cursor:default;font-weight:500;padding:12px 20px;transition:transform .3s,background-color .3s}.icon:hover{background-color:#333350;transform:translateY(-5px)}.html{color:#e34c26}.css{color:#264de4}.js{color:#f0db4f}.react{color:#61dafb}.tailwind{color:#38bdf8}.git{color:#f1502f}.quote{color:#000;font-size:1.2rem;font-style:italic;margin-top:50px;text-align:center}@media (max-width:600px){.heading{font-size:2rem}.icons{align-items:center;flex-direction:column}.icon{width:80%}}.skills-section{animation:fadeIn 1s ease-in;background-color:initial;color:#9a8484;margin:5px auto;max-width:900px;padding:0}.skills-section,.skills-title{font-family:Poppins,sans-serif}.skills-title{color:#000;font-size:2rem;font-weight:100;margin-bottom:40px;text-align:center}.skills-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.skill-card{background:#fff;border:1px solid #000;border-radius:10px;max-width:230px;padding:24px;text-align:left;transition:transform .3s ease}.skill-card:hover{transform:translateY(-10px)}.skill-icon{height:60px;margin-bottom:15px;object-fit:contain;width:60px}.skill-info h3{color:#2c4666;font-size:1.5rem;margin:0}.skill-info p{color:#555;font-size:.95rem;line-height:1.5;margin-top:10px}.projects-section{font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:4rem 2rem}.section-header{margin-bottom:3rem;text-align:center}.projects-title{color:#2d3748;display:inline-block;font-size:2rem;font-weight:100;margin-bottom:.5rem;position:relative}.title-decoration{background:linear-gradient(90deg,#4299e1,#68d391);border-radius:2px;height:4px;margin:0 auto 1rem;width:80px}.projects-subtitle{color:#718096;font-size:1.1rem;margin:0 auto;max-width:600px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.project-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.project-image-container{height:200px;overflow:hidden;position:relative}.project-img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-img{transform:scale(1.05)}.image-overlay{background:linear-gradient(180deg,#0000001a,#0000004d);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .image-overlay{opacity:1}.project-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.project-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tag{background:#edf2f7;border-radius:50px;color:#4a5568;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.project-links{display:flex;gap:1rem;margin-top:auto}.demo-button,.github-button{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.5rem 1.25rem;text-decoration:none;transition:all .3s ease}.demo-button{background:#4299e1;color:#fff;flex:1 1}.demo-button:hover{background:#3182ce}.github-button{background:#2d3748;color:#fff;flex:1 1}.github-button:hover{background:#1a202c}.github-button i{margin-right:.5rem}.coming-soon{color:#718096;font-style:italic;margin-top:3rem;position:relative;text-align:center}.coming-soon:after,.coming-soon:before{background:#e2e8f0;content:"";height:1px;position:absolute;top:50%;width:30%}.coming-soon:before{left:0}.coming-soon:after{right:0}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.projects-section{padding:3rem 1.5rem}.projects-title{font-size:2rem}.project-links{flex-direction:column;gap:.75rem}}@media (max-width:480px){.projects-section{padding:2rem 1rem}.projects-title{font-size:1.75rem}.projects-grid{grid-template-columns:1fr}.coming-soon:after,.coming-soon:before{width:25%}}.contact-section{animation:fadeIn 1s ease-in;background-color:initial;color:#333;font-family:Poppins,sans-serif;margin:40px auto;max-width:900px;padding:0}.contact-container{margin:0 auto;max-width:600px;text-align:center}.email-icon{font-size:60px}.contact-title,.email-icon{color:#000;margin-bottom:20px}.contact-title{font-size:2.5rem}.contact-message{color:#555;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.say-hello-btn{background-color:#000;border-radius:8px;color:#fff;display:inline-block;font-size:1rem;font-weight:500;margin-bottom:30px;padding:12px 28px;text-decoration:none;transition:background-color .3s ease}.say-hello-btn:hover{background-color:#72676d}.connect{margin-top:30px}.connect h3{color:#000;font-size:1.5rem;margin-bottom:15px}.social-icons{display:flex;gap:20px;justify-content:center}.icon{color:#fff;font-size:24px;transition:transform .3s ease,color .3s ease}.icon:hover{color:#fff;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0}.footer{background-color:#000;color:#fff;font-family:Poppins,sans-serif;padding:7px 20px;text-align:center}.made-with{color:#ccc;font-size:.75rem;margin-bottom:4px}.heart-icon{animation:pulse 1.5s infinite;color:red;margin:0 5px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.custom-cursor{border-radius:50%;height:40px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:background-color .2s,transform .1s;width:40px;z-index:9999}
/*# sourceMappingURL=main.838d037b.css.map*/