@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background-color:#8338ec;background-color:var(--primary);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e0938;background:var(--background)}::-webkit-scrollbar-thumb{background:#2d1155;background:var(--background-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6a2ec4;background:var(--primary-dark)}:root{--primary:#8338ec;--primary-dark:#6a2ec4;--secondary:#c77dff;--accent:#ff006e;--background:#1e0938;--background-light:#2d1155;--text:#f8f9fa;--text-secondary:#d8c1f7;--success:#06d6a0;--card-bg:#2d1155b3;--transition:all 0.3s ease;--shadow:0 10px 30px -15px #000000b3;--border-radius:8px;--navbar-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1e0938;background-color:var(--background);color:#f8f9fa;color:var(--text);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh;padding-top:70px;padding-top:var(--navbar-height);position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem}a{color:#8338ec;color:var(--primary);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#ff006e;color:var(--accent)}.button,button{background-color:initial;border:1px solid #8338ec;border:1px solid var(--primary);border-radius:8px;border-radius:var(--border-radius);color:#8338ec;color:var(--primary);cursor:pointer;font-family:inherit;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.button:hover,button:hover{background-color:#8338ec1a;transform:translateY(-2px)}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{transition:opacity .3s,transform .3s}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.stars{height:200vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.star{animation:twinkle 4s infinite;background-color:#d8c1f7;border-radius:50%;height:2px;opacity:.7;position:absolute;width:2px}@keyframes twinkle{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.section{padding:5rem 0}.section-title{display:inline-block;font-size:2.5rem;margin-bottom:3rem;position:relative}.section-title:after{background-color:#8338ec;background-color:var(--primary);bottom:-10px;content:"";height:4px;left:0;position:absolute;width:70%}@media (max-width:768px){:root{--navbar-height:60px}.section{padding:3rem 0}.section-title{font-size:2rem}}@media (max-width:480px){.section-title{font-size:1.75rem}}img{height:auto;max-width:100%}body.menu-open{height:100%;overflow:hidden;position:fixed;width:100%}.navbar-content.show:before{background-color:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.App-header{width:100%}.About-header{margin:0 auto;max-width:900px;padding:4rem 1.5rem;width:100%}.About,.Professional{color:var(--text);display:inline-block;font-size:2.5rem;margin-bottom:2.5rem;padding-bottom:.5rem;position:relative}.About:after,.Professional:after{background:linear-gradient(to right,var(--primary),var(--accent));border-radius:4px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.Professional{margin-top:3.5rem}.about-me{background-color:var(--card-bg);border-left:4px solid var(--primary);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:3rem;padding:2.5rem;transition:var(--transition)}.about-me:hover{box-shadow:0 20px 40px -20px #020c1bb3;transform:translateY(-5px)}.about-me h1{align-items:center;color:var(--text);display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1.5rem}.about-me p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1.2rem}.about-me p:last-child{margin-bottom:0}.about-me strong{color:var(--text);font-weight:600}.about-me-header{text-align:left}.skill-icons{grid-gap:2.5rem;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-content:center;margin-top:2.5rem;padding:2rem}.skill-icons .icon-wrapper{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;height:80px;justify-content:center;margin:0 auto;padding:10px;position:relative;transition:var(--transition);width:80px}.skill-icons .icon-wrapper:hover{border-color:var(--primary);box-shadow:0 10px 20px #0000001a;transform:perspective(500px) rotateX(var(--rotateX)) rotateY(var(--rotateY))}.skill-icons svg{color:var(--text-secondary);display:block;height:60px;position:relative;transition:var(--transition);width:60px}.skill-icons .icon-wrapper:hover svg{color:var(--primary)}.skill-icons .icon-name{background-color:var(--background-light);border-radius:4px;bottom:-30px;color:var(--text);font-size:.85rem;left:50%;opacity:0;padding:.3rem .8rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:var(--transition);white-space:nowrap}.skill-icons .icon-wrapper:hover .icon-name{bottom:-35px;opacity:1}@media (max-width:768px){.skill-icons{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:1.5rem}.skill-icons .icon-wrapper{height:70px;width:70px}.skill-icons svg{height:50px;width:50px}}@media (max-width:480px){.skill-icons{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));margin-top:2rem;padding:1rem}.skill-icons .icon-wrapper{height:60px;width:60px}.skill-icons svg{height:40px;width:40px}}.resume-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:3rem 1rem;width:100%}.resume-header{margin-bottom:2.5rem;text-align:center;width:100%}.resume-header h1{color:var(--text);display:inline-block;font-size:2.5rem;margin-bottom:.5rem;padding-bottom:.5rem;position:relative}.resume-header h1:after{background:linear-gradient(to right,var(--primary),var(--accent));border-radius:4px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.resume-header p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.download-button{align-items:center;background-color:var(--primary);border:none;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin:0 auto;padding:.75rem 1.5rem;transition:var(--transition)}.download-button:hover{background-color:var(--primary-dark);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.resume-container{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.resume-card{background-color:var(--card-bg);border:1px solid #ffffff1a;border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:800px;padding:1rem;transition:var(--transition);width:100%}.resume-card:hover{box-shadow:0 20px 40px -20px #020c1bb3;transform:translateY(-5px)}.resume-image{border-radius:calc(var(--border-radius) - 4px);display:block;height:auto;transition:var(--transition);width:100%}.resume-footer{color:var(--text-secondary);font-size:.9rem;margin-top:2.5rem;text-align:center}.resume-footer p{margin-bottom:.5rem}.resume-footer a{color:var(--primary);text-decoration:none;transition:var(--transition)}.resume-footer a:hover{color:var(--accent);text-decoration:underline}@media (max-width:768px){.resume-page{padding:2rem 1rem}.resume-header h1{font-size:2rem}.resume-header p{font-size:1rem}.resume-card{padding:.75rem}}@media (max-width:480px){.resume-page{padding:1.5rem .75rem}.resume-header h1{font-size:1.75rem}.resume-header p{font-size:.9rem}.download-button{font-size:.9rem;padding:.6rem 1.2rem}.resume-card{padding:.5rem}.resume-footer{font-size:.8rem}}.projects-page{margin:0 auto;max-width:1200px;padding:2rem 1.5rem 4rem;width:100%}.projects-header{margin-bottom:3rem;text-align:center}.projects-header h1{color:var(--text);display:inline-block;font-size:2.5rem;margin-bottom:.5rem;padding-bottom:.5rem;position:relative}.projects-header h1:after{background:linear-gradient(to right,var(--primary),var(--accent));border-radius:4px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.projects-header p{color:var(--text-secondary);font-size:1.1rem}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background-color:var(--card-bg);border:1px solid #ffffff1a;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition)}.project-card:hover{border-color:var(--primary);box-shadow:0 20px 40px -20px #000000b3;transform:translateY(-10px)}.project-media{height:200px;overflow:hidden;position:relative;width:100%}.project-media iframe,.project-media img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-media img{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-content h3{color:var(--text);font-size:1.25rem;line-height:1.4;margin-bottom:1rem}.project-content p{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background-color:#8338ec33;border-radius:20px;color:var(--secondary);font-size:.75rem;font-weight:500;padding:.3rem .8rem}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{align-items:center;color:var(--text);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 0;transition:var(--transition)}.project-link:hover{color:var(--primary)}@media (max-width:768px){.projects-page{padding:1.5rem 1rem 3rem}.projects-header h1{font-size:2rem}.projects-header p{font-size:1rem}.projects-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:480px){.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-content h3{font-size:1.1rem}.project-content p{font-size:.9rem}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e0938e6;height:var(--navbar-height);left:0;padding:.75rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background-color:#1e0938f2;box-shadow:0 10px 30px -10px #00000080;padding:.5rem 0}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-logo{font-size:1.5rem;font-weight:700;z-index:2}.navbar-logo a{color:var(--primary);text-decoration:none;transition:all .3s ease}.navbar-logo a:hover{color:var(--accent)}.navbar-content{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-left:2rem}.pages{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.pages li a{color:var(--text);font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.pages li a:after{background-color:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.pages li a.active,.pages li a:hover{color:var(--accent)}.pages li a.active:after,.pages li a:hover:after{width:100%}.icons{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.social-icon{align-items:center;display:flex;filter:invert(1);justify-content:center}.icon,.social-icon{transition:all .3s ease}.icon{filter:brightness(.8);height:22px;width:22px}.social-icon:hover .icon{filter:brightness(1);transform:translateY(-3px)}.menu-toggle{background:#0000;border:none;color:var(--text);cursor:pointer;display:none;padding:.5rem;z-index:2}@media (max-width:768px){.navbar-container{padding:0 1.5rem}.menu-toggle{align-items:center;display:flex;justify-content:center}.navbar-content{background-color:var(--background-light);bottom:0;box-shadow:-10px 0 30px -15px #000000b3;flex-direction:column;gap:3rem;height:100vh;justify-content:center;margin-left:0;max-width:300px;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:75%;z-index:2000}.menu-toggle{position:relative;z-index:2001}.navbar-content.show{transform:translateX(0)}.pages{align-items:center;flex-direction:column;gap:1.5rem;width:100%}.pages li{text-align:center;width:100%}.pages li a{display:block;font-size:1.25rem;padding:.75rem 0;width:100%}.icons{justify-content:center}}@media (max-width:480px){.navbar-container{padding:0 1rem}.navbar-content{padding:1.5rem;width:85%}.pages li a{font-size:1.1rem}.icon{height:20px;width:20px}}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.App-logo{animation:float 6s ease-in-out infinite;border:4px solid var(--primary);border-radius:50%;box-shadow:var(--shadow);height:200px;margin-bottom:2rem;object-fit:cover;width:200px}@keyframes float{0%{box-shadow:0 10px 20px -15px #020c1bb3;transform:translateY(0)}50%{box-shadow:0 25px 25px -15px #020c1b66;transform:translateY(-15px)}to{box-shadow:0 10px 20px -15px #020c1bb3;transform:translateY(0)}}.Intro{align-items:center;color:var(--text);display:flex;font-size:3rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.hand{animation:wave 2.5s infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.Quote-header{color:var(--text-secondary);font-size:1.25rem;font-weight:500;margin-top:2rem;max-width:700px}.Quote{background-color:var(--card-bg);border-left:4px solid var(--primary);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--text);font-size:1.1rem;font-style:italic;margin-top:.5rem;padding:1.5rem}@media (max-width:768px){.Intro{font-size:2.5rem}.App-logo{height:150px;width:150px}}@media (max-width:480px){.Intro{font-size:2rem}.Quote-header{font-size:1.1rem}.Quote{font-size:1rem}}
/*# sourceMappingURL=main.63c74200.css.map*/