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}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212cc;border-right:1px solid #bf00ff33;height:100vh;justify-content:flex-start;left:0;padding:40px 0;position:fixed;top:0;width:140px;z-index:100}.navbar,.navbar-header{align-items:center;display:flex;flex-direction:column}.navbar-header{justify-content:center;padding:0 20px;width:100%}.navbar img{height:auto;margin-bottom:20px;max-width:120px}.navbar-links{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:30px}.navbar-links button{align-items:center;background:#191919f2;border:2px solid;border-image:linear-gradient(45deg,#bf00ff,gold) 1;box-shadow:0 0 15px #bf00ff33,0 0 20px #ffd7001a;clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%);display:flex;font-weight:500;height:45px;justify-content:center;letter-spacing:2px;margin:10px 0;position:relative;text-transform:uppercase;width:130px}.navbar-links button:before{background:linear-gradient(45deg,#bf00ff80,#ffd70080);bottom:-3px;clip-path:inherit;content:"";filter:blur(8px);left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.navbar-links button:hover{background:linear-gradient(45deg,#bf00ff26,#ffd70026);box-shadow:0 0 20px #bf00ff66,0 0 25px #ffd70033;transform:translateX(5px)}.navbar-links button{background:linear-gradient(45deg,#bf00ff33,#ffd7001a);border:none;clip-path:polygon(0 0,90% 0,100% 100%,10% 100%);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease-in-out}.navbar-links button:hover{background:linear-gradient(45deg,#bf00ff66,#ffd70033);box-shadow:0 0 30px #bf00ff80,0 0 25px #ffd7004d}.navbar-links button.active,.navbar-links button:active{background:linear-gradient(45deg,#bf00ff80,#ffd7004d);box-shadow:0 0 35px #bf00ff99,0 0 30px #ffd70066;transform:scale(.98)}.hamburger-menu{cursor:pointer;display:none}.hamburger-menu span{background-color:#fff;display:block;height:3px;margin:5px 0;width:25px}@media (max-width:768px){.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border-right:none;border-top:1px solid #bf00ff33;bottom:0;flex-direction:row;height:70px;justify-content:center;padding:10px 0;top:auto;width:100%}.navbar-header{display:none}.navbar-links{flex-direction:row;gap:20px;justify-content:center;margin:0;padding:0 15px;width:100%}.navbar-links button{font-size:14px;height:40px;margin:5px 0;min-width:100px;padding:0 15px;width:auto}.home-container{margin-left:0;padding-bottom:80px}.navbar img{margin:0 auto;max-width:100px}.hamburger-menu{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.navbar-links{gap:10px}}.nav-link{align-items:center;background:#191919f2;border:2px solid;border-image:linear-gradient(45deg,#bf00ff,gold) 1;box-shadow:0 0 15px #bf00ff33,0 0 20px #ffd7001a;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;height:45px;justify-content:center;letter-spacing:2px;margin:10px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;width:130px}.nav-link:hover{background:linear-gradient(45deg,#bf00ff26,#ffd70026);box-shadow:0 0 20px #bf00ff66,0 0 25px #ffd70033;transform:translateX(5px)}.nav-link.active{background:linear-gradient(45deg,#bf00ff33,#ffd7001a);box-shadow:0 0 25px #bf00ff66,0 0 20px #ffd70033}body,html{background:linear-gradient(145deg,#1a1a1a,#333);font-family:Space Grotesk,Poppins,sans-serif}.page-container{display:flex;min-height:100vh;position:relative}.home{margin-left:70px;width:calc(100% - 70px)}.home-container{min-height:100vh;z-index:10}.intro-section{flex-direction:row;flex-wrap:wrap;margin:40px 0}.intro-paragraph{flex:3 1;padding-right:40px}.intro-content{max-width:800px}h1,h2{margin-bottom:25px;position:relative}h1{font-size:2.8rem;font-weight:700;letter-spacing:.5px}h2{font-size:2rem;font-weight:600}.highlight{background-color:#fc0;border-radius:4px;box-shadow:0 3px 10px #0003;color:#1a1a1a;display:inline-block;padding:0 15px;position:relative;transition:all .3s ease}.highlight:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.highlight:after{background:#9400d3;bottom:-5px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.highlight:hover:after{transform:scaleX(1)}p{border-left:4px solid #bf00ff;color:#f5f5f5;font-size:1.1rem;line-height:1.8;margin-bottom:25px;padding-left:20px}.profile-image-container{flex:2 1}.profile-placeholder{height:250px;width:250px}.profile-image{border:3px solid #fc0;box-shadow:0 0 15px #ffd700cc;position:relative;transition:all .3s ease;z-index:2}.profile-image:hover{box-shadow:0 0 25px #ffd700e6;transform:scale(1.02)}.profile-placeholder:before{animation:animateBorder 6s linear infinite;background:linear-gradient(45deg,#fc0,#bf00ff,#fc0);background-size:300% 300%;border-radius:50%;bottom:-6px;box-shadow:0 0 20px #00000080;content:"";left:-6px;position:absolute;right:-6px;top:-6px;z-index:1}@keyframes animateBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer{margin-top:auto;padding:20px 0}.tech-stack{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.tech-icon{color:#e0e0e0;font-size:2rem}.tech-icon:hover{color:#fc0;transform:translateY(-5px)}@media (max-width:900px){.intro-section{flex-direction:column}.intro-paragraph{order:2;padding-right:0}.profile-image-container{margin-bottom:30px;order:1}.profile-placeholder{height:200px;width:200px}}@media (max-width:600px){h1{font-size:2.2rem}h2{font-size:1.6rem}.profile-placeholder{height:180px;width:180px}}body,html{background-color:#000;color:#fff;font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.home-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:60px;margin-left:270px;min-height:calc(100vh - 60px);padding:40px;position:relative;text-align:center;width:calc(100% - 270px)}.home-container:before{background:radial-gradient(circle at 30% 30%,#ff57220d,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@media (min-width:1024px){.home-container{margin-right:480px;margin-top:100px}.intro-content h1,.intro-content h2{font-size:2rem}.intro-content p{font-size:1.5rem;line-height:1.8;max-width:800px}}.intro-paragraph{align-items:center;display:flex;flex-direction:column;margin:0;width:100%}.intro-content h1,.intro-content h2{font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin:10px 0}.intro-content p{color:#ffffffe6;font-size:1.5rem;letter-spacing:.3px;line-height:1.8;margin:25px 0;max-width:800px}#particles-js{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}@media (max-width:480px){.home-container{align-items:center;justify-content:flex-start;margin-left:0;min-height:calc(100vh - 120px);overflow-y:auto;padding:20px 20px 80px;width:100%}.intro-content{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px)}.intro-content h1,.intro-content h2{font-size:1.5rem;margin:10px 0}.intro-content p{font-size:1rem;line-height:1.4;max-width:90%}}@media (max-height:700px) and (max-width:480px){.home-container{padding-top:60px}.intro-content{justify-content:flex-start}.intro-content h1,.intro-content h2{font-size:1.3rem;margin:5px 0}.intro-content p{font-size:.9rem;margin:10px 0}}.profile-placeholder{align-items:center;border:8px solid #ffffff26;border-radius:50%;box-shadow:0 15px 35px #0000004d,0 0 0 15px #ff57221a;display:flex;height:400px;justify-content:center;left:200px;margin-top:100px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:400px}.profile-image{border:none;border-radius:50%;box-shadow:none;height:100%;object-fit:cover;object-position:center 8%;transition:transform .5s ease;width:100%}.profile-placeholder:hover{box-shadow:0 20px 40px #0006,0 0 0 20px #ff572226;transform:scale(1.05) translateY(-10px)}.profile-placeholder:hover .profile-image{transform:scale(1.1)}@media (max-width:1024px){.profile-placeholder{height:320px;left:150px;margin-top:80px;width:320px}}@media (max-width:768px){.profile-placeholder{height:260px;left:0;margin-left:auto;margin-right:auto;margin-top:30px;width:260px}}@media (max-width:480px){.profile-placeholder{height:200px;left:0;margin-top:20px;width:200px}}@media (max-width:375px){.profile-placeholder{height:110px;margin-top:15px;width:110px}.profile-placeholder:before{font-size:35px}}@media (max-height:700px) and (max-width:480px){.profile-placeholder{height:100px;margin-top:10px;width:100px}.profile-placeholder:before{font-size:32px}}.intro-section{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:40px 20px;position:relative}.intro-paragraph{flex:1 1;max-width:60%}.profile-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:40%}.initials{color:#fff;font-size:100px;font-weight:700;margin:0;padding:0;text-shadow:2px 2px 8px #0000004d}@media (max-width:768px){.intro-section{flex-direction:column}.intro-paragraph,.profile-image-container{max-width:100%}.profile-image,.profile-placeholder{height:200px;margin-top:30px;width:200px}.initials{font-size:70px}}.footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border-top:1px solid #bf00ff33;bottom:0;display:flex;gap:15px;justify-content:center;padding:10px;position:fixed;width:100%;z-index:99}.footer img{height:25px;opacity:.8;transition:all .3s ease;width:auto}.footer img:hover{opacity:1;transform:translateY(-2px)}@media (max-width:768px){.footer{gap:12px;margin-bottom:70px;padding:8px}.footer img{height:20px}.github,.linkedin,.tech-icon{height:35px;width:35px}}.footer-languages{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:0;padding:0}.footer-languages li{margin:15px}.js{color:#f7df1e;font-weight:700}.react{color:#61dafb}.html{color:#e34f26}.css,.html{font-weight:700}.css{color:#1572b6}.k8s{color:#326ce5}.git{color:#f05032}.azure{color:#0078d7}.footer-languages li:hover{transform:scale(1.1);transition:transform .2}.tech-icon{background:linear-gradient(145deg,#191919e6,#232323e6);border-radius:10px;box-shadow:0 4px 6px #0000001a;font-size:20px;height:40px;margin:0 10px;position:relative;transition:all .3s ease;width:40px}.tech-icon:after{background:radial-gradient(circle at center,#fff3 0,#0000 70%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.tech-icon:hover{box-shadow:0 6px 12px #bf00ff33;transform:translateY(-3px)}.tech-icon:hover:after{opacity:1}.css-icon,.db-icon,.html-icon,.js-icon{font-family:monospace;font-size:16px;font-weight:700}.js-icon{color:#f7df1e}.html-icon{color:#e34f26}.css-icon{color:#1572b6}.db-icon{color:#336791}.github,.linkedin{align-items:center;background:linear-gradient(145deg,#191919e6,#232323e6);border:1px solid #bf00ff33;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;height:40px;justify-content:center;margin:0 10px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.social-icon{color:#fff;font-family:monospace;font-size:16px;font-weight:700}.github:hover,.linkedin:hover{border-color:#bf00ff;box-shadow:0 6px 12px #bf00ff33;transform:translateY(-3px)}.github:hover .social-icon{color:#9cdcfe}.linkedin:hover .social-icon{color:#0a66c2}.p{margin:15px}.Text{margin:5px}.node-icon{color:#68a063;font-size:18px}.aws-icon,.node-icon{font-family:monospace;font-weight:700}.aws-icon{color:#f90;font-size:14px}.git-icon{color:#f05032;font-family:monospace;font-size:16px;font-weight:700}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-right{margin-right:20px;text-align:right}.copyright,.made-with{color:#888;font-size:14px;margin:5px 0}.made-with{font-style:italic}.footer a{color:#e0e0e0;transition:all .3s ease}.footer a:hover{color:#bf00ff;text-shadow:0 0 10px #bf00ff80}.projects-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:60px;margin-left:270px;min-height:calc(100vh - 60px);padding:40px;position:relative;text-align:center;width:calc(100% - 270px)}.projects-container h1{color:#fff;font-size:2.5rem;margin-bottom:40px}.projects-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:1200px}.project-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0003;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:350px}.project-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-10px)}.project-image-container{align-items:center;background-color:#fff;border:8px solid #fffc;border-radius:50%;box-shadow:0 15px 35px #0000004d,0 0 0 15px #ffffff1a;display:flex;height:250px;justify-content:center;margin:0 auto 20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:250px}.project-image-link{color:inherit;cursor:pointer;text-decoration:none}.project-image-container:before{background:linear-gradient(135deg,#ff572233,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.project-image{background-color:#fff;height:100%;object-fit:cover;padding:10px;transition:transform .5s ease;width:100%}.project-image-container:hover{box-shadow:0 20px 40px #0006,0 0 0 20px #ff572226;transform:scale(1.05)}.project-image-container:hover:before{background:linear-gradient(135deg,#ff57224d,#0003)}.project-image-container:hover .project-image{transform:scale(1.1)}.project-card h2{animation:neonPulse 2s ease-in-out infinite;color:#ff5722;font-size:1.8rem;font-weight:800;letter-spacing:2px;margin:15px 0;text-shadow:0 0 5px #ff572280,0 0 10px #ff57224d,0 0 20px #ff572233;text-transform:uppercase}@keyframes neonPulse{0%,to{text-shadow:0 0 5px #ff572280,0 0 10px #ff57224d,0 0 20px #ff572233}50%{text-shadow:0 0 10px #ff5722b3,0 0 20px #ff572280,0 0 30px #ff57224d}}.project-card p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.project-tech span{background-color:#ff572233;border-radius:20px;color:#ff5722;font-size:.9rem;padding:5px 10px;transition:all .3s ease}.project-tech span:hover{background-color:#ff57224d;box-shadow:0 5px 15px #ff572233;transform:translateY(-2px)}.view-project-btn{background:linear-gradient(135deg,#ff5722,#ff8a65);border-radius:25px;color:#fff;display:inline-block;font-weight:600;margin-top:20px;padding:10px 25px;text-decoration:none;transition:all .3s ease}.view-project-btn:hover{background:linear-gradient(135deg,#ff8a65,#ff5722);box-shadow:0 5px 15px #ff57224d;transform:translateY(-2px)}@media (max-width:1024px){.project-image-container{height:200px;width:200px}}@media (max-width:768px){.projects-container{margin-left:0;padding:20px;width:100%}.project-card{max-width:400px;width:100%}}@media (max-width:480px){.project-image-container{height:150px;width:150px}.project-card h2{font-size:1.5rem}.project-card p{font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-badge{animation:pulse 2s infinite;background-color:#4caf50;border-radius:12px;color:#fff;font-size:.7rem;font-weight:400;margin-left:10px;padding:3px 8px;text-transform:none}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}body{color:#fff;font-family:Arial,sans-serif;margin:0}.app{min-height:100vh;overflow:hidden;position:relative;width:100%}.app>:not(#tsparticles){position:relative;z-index:1}.main-container{align-items:center;border-radius:10px;display:flex;float:right;justify-content:center;margin:50px auto 50px 40%;max-width:600px;padding:20px;position:relative;text-align:center;z-index:2}@media screen and (max-width:480px){body{background:#0000}.main-container{float:none;margin-left:20px;margin-right:20px}}
/*# sourceMappingURL=main.3fdc5425.css.map*/