*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@font-face{font-family:Bricolage_bold;font-style:normal;font-weight:400;src:url(/static/media/BricolageGrotesque-Bold.12b56951951b1bd2558f.ttf) format("truetype")}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%}.focus-container{align-items:center;display:flex;flex-wrap:wrap;gap:1em;justify-content:center;position:relative}.focus-word{cursor:pointer;font-size:3rem;font-weight:900;position:relative;transition:filter .3s ease,color .3s ease}.focus-word.active{filter:blur(0)}.focus-frame{border:none;box-sizing:initial;left:0;pointer-events:none;position:absolute;top:0}.corner{border:3px solid #2a2a2a;border:3px solid var(--border-color,#fff);border-radius:3px;filter:drop-shadow(0 0 4px #2a2a2a);filter:drop-shadow(0 0 4px var(--border-color,#fff));height:1rem;position:absolute;transition:none;width:1rem}.top-left{border-right:none;left:-10px}.top-left,.top-right{border-bottom:none;top:-10px}.top-right{border-left:none;right:-10px}.bottom-left{border-right:none;left:-10px}.bottom-left,.bottom-right{border-top:none;bottom:-10px}.bottom-right{border-left:none;right:-10px}.glare-hover{background:#111;border:2px solid #333;border-radius:10px;display:inline-block;overflow:hidden;position:relative;transition:transform .3s ease}.glare-hover:before{background:linear-gradient(-45deg,#0000 40%,#fff6 50%,#0000 60%);content:"";height:250%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-100%);transition:transform .6s ease;width:250%;will-change:transform;z-index:2}.glare-hover:hover:before{transform:translateX(200%)}.error,.loading{font-size:1.2rem;grid-column:1/-1;padding:2rem;text-align:center}.loading{color:#4ecdc4;color:var(--primary-color)}.error{color:#ff6b6b}@keyframes glitch-color{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#121212;color:#e0e0e0;isolation:isolate;line-height:1.6;overflow-x:hidden;position:relative}#vanta-bg{background:#0a0a0a;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.hero-content,.section{text-shadow:0 1px 3px #000c}.hero,.section,footer{position:relative;z-index:2}.notification-container{max-width:350px;pointer-events:none;position:fixed;right:20px;top:20px;width:calc(100% - 40px);z-index:1000}.notification{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#141414d9;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 8px 25px #00000080;color:#fff;display:flex;font-weight:500;margin-bottom:15px;opacity:0;overflow:hidden;padding:16px 20px;position:relative;transform:translateX(120%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease;width:100%}.notification.show{opacity:1;pointer-events:auto;transform:translateX(0)}.notification:before{content:"";height:100%;left:0;position:absolute;top:0;width:5px;z-index:1}.notification-content{align-items:center;display:flex;gap:16px}.notification-icon{align-items:center;border-radius:50%;box-shadow:0 0 15px #0000004d;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px;z-index:2}.notification-message{line-height:1.5;position:relative;z-index:2}.notification.success{background:#102a2ee6;border:1px solid #4ecdc44d}.notification.success:before{background:linear-gradient(180deg,#4ecdc4,#2a9d8f)}.notification.success .notification-icon{background:linear-gradient(135deg,#4ecdc4,#2a9d8f);box-shadow:0 0 15px #4ecdc466;color:#0a0a0a}.notification.error{background:#2e1d23e6;border:1px solid #ff6b6b4d}.notification.error:before{background:linear-gradient(180deg,#ff6b6b,#e63946)}.notification.error .notification-icon{background:linear-gradient(135deg,#ff6b6b,#e63946);box-shadow:0 0 15px #ff6b6b66;color:#0a0a0a}.notification.error:after,.notification.success:after{background:radial-gradient(circle at center,#4ecdc426 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.notification.error:after{background:radial-gradient(circle at center,#ff6b6b26 0,#0000 70%)}:root{--primary-color:#4ecdc4;--secondary-color:#6ab7ff;--accent-color:#ffd166;--text-color:#e0e0e0;--light-color:#f8f9fa;--dark-color:#0a0a0a;--background-color:#0a0a0a;--card-color:#121212;--border-color:#2a2a2a;--transition:all 0.3s ease;--box-shadow:0 4px 20px #0000004d}h1,h2,h3,h4{color:#f8f9fa;color:var(--light-color);font-family:Bricolage_Bold;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-family:Bricolage_Bold;font-size:clamp(1.5rem,4vw,2.5rem)}p{color:#b0b0b0;font-size:1rem;line-height:1.6}a{color:#4ecdc4;color:var(--primary-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#6ab7ff;color:var(--secondary-color)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.section{padding:4rem 0}.section,.section-title{opacity:0;position:relative}.section-title{color:#f8f9fa;color:var(--light-color);font-family:Bricolage_Bold;font-weight:800;letter-spacing:-.5px;margin-bottom:3rem;text-align:center}.section-title:after{bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.btn,.btn1,.section-title:after{background-color:#4ecdc4;background-color:var(--primary-color)}.btn,.btn1{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease;transition:var(--transition)}.btn1:hover,.btn:hover{background-color:#6ab7ff;background-color:var(--secondary-color);box-shadow:0 5px 15px #6ab7ff4d;color:#fff;transform:translateY(-2px)}header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgba(32,32,32,.164);box-shadow:0 2px 10px #0003;left:0;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1000}.navbar{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.logo{color:#4ecdc4;color:var(--primary-color);font-size:1.5rem;font-weight:700}.hamburger{cursor:pointer}.bar,.hamburger{display:block;transition:all .3s ease;transition:var(--transition)}.bar{background-color:#f8f9fa;background-color:var(--light-color);height:3px;margin:5px auto;width:25px}.nav-container{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;opacity:0;padding:1rem;position:absolute;right:650px;top:60px;transform:translateY(-20px);transition:all .3s ease-out;visibility:hidden;width:200px}.nav-container.active{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020d9;opacity:1;transform:translateY(0);visibility:visible}.nav-menu{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.hamburger{z-index:1001}.nav-container{z-index:1000}.nav-container.active{transform:translateX(0)}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-item{margin:0}.nav-link{border-radius:5px;display:block;font-size:1rem;padding:.5rem;transition:all .3s ease;transition:var(--transition)}.nav-link:hover{background-color:#4ecdc41a}.hero{align-items:center;display:flex;height:100vh;overflow:hidden}.hero-content{max-width:800px;position:relative;z-index:10}.hero-greeting{color:#4ecdc4;color:var(--primary-color);font-size:1.25rem;margin-bottom:.5rem;opacity:0}.hero-name{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem;opacity:0}.hero-role{color:#6ab7ff;color:var(--secondary-color);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:1.5rem;opacity:0}.hero-description{color:#d0d0d0;font-size:1.1rem;margin-bottom:2rem;max-width:600px;opacity:0}.hero-socials{display:flex;gap:1rem;margin-bottom:2rem;opacity:0}.social-icon{color:#e0e0e0;color:var(--text-color);font-size:1.5rem;transition:all .3s ease;transition:var(--transition)}.social-icon:hover{box-shadow:0 2px 100px #6ab7ff4d;transform:translateY(-3px)}.hero-cta{opacity:0}.about-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;opacity:0}.about-image{border-radius:10px;overflow:hidden;position:relative}.about-img{border-radius:10px;filter:grayscale(20%);height:auto;transition:all .3s ease;transition:var(--transition);width:100%}.about-image:hover .about-img{filter:grayscale(0);transform:scale(1.02)}.about-content h3{color:#6ab7ff;color:var(--secondary-color);margin-bottom:1.5rem}.about-objective h4{color:#4ecdc4;color:var(--primary-color);font-size:1.1rem;margin-bottom:.5rem}.personal-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.info-item{display:flex;flex-direction:column}.info-title{color:#4ecdc4;color:var(--primary-color);font-size:.9rem;font-weight:600}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));opacity:0}.skill-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;border:1px solid #ffffff0d;border-radius:10px;padding:2rem;transition:all .3s ease;transition:var(--transition)}.skill-card:hover{border-color:#4ecdc433;box-shadow:0 4px 20px #0000004d;box-shadow:var(--box-shadow);transform:translateY(-5px)}.skill-icon{color:#4ecdc4;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.skill-title{font-size:1.2rem;margin-bottom:.5rem}.skill-level{background-color:#2a2a2a;background-color:var(--border-color);border-radius:10px;height:8px;margin-top:1rem;overflow:hidden;width:100%}.skill-progress{background:linear-gradient(90deg,#4ecdc4,#6ab7ff);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:10px;height:100%;transition:width 1.5s ease-out;width:0}.projects-container{display:none;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;opacity:0;padding:2rem}.project-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--box-shadow);display:flex;flex-direction:column;margin:20px;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.project-card:hover{border-color:#4ecdc44d;box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.project-image{flex-shrink:0;height:200px;overflow:hidden}.project-image img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-card h3 p{padding:1.5rem}.project-role{color:#4ecdc4;color:var(--primary-color);font-size:.9rem;margin-bottom:.5rem}.project-links{margin-top:auto;padding-top:1rem}.project-link{align-items:center;color:#4ecdc4;color:var(--primary-color);display:inline-flex;font-size:.9rem;gap:.5rem;margin-right:1rem;transition:all .3s ease;transition:var(--transition)}.project-link:hover{color:#6ab7ff;color:var(--secondary-color)}.projects-container.compact{gap:1rem}.projects-container.spacious{gap:3rem}.projects-container.two-column{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.projects-container.single-column{grid-template-columns:1fr;max-width:600px}.projects-container .error,.projects-container .loading{font-size:1.2rem;grid-column:1/-1;padding:2rem;text-align:center}.projects-container .loading{color:#4ecdc4;color:var(--primary-color)}.projects-container .error{color:#ff6b6b}.timeline{margin:0 auto;max-width:800px;opacity:0;position:relative}.timeline:after{background-color:#4ecdc4;background-color:var(--primary-color);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline-item{padding:10px 40px;position:relative;width:50%}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-item:after{background-color:#0a0a0a;background-color:var(--dark-color);border:3px solid #4ecdc4;border:3px solid var(--primary-color);border-radius:50%;content:"";height:20px;position:absolute;top:15px;width:20px;z-index:1}.timeline-item:nth-child(odd):after{right:-13px}.timeline-item:nth-child(2n):after{left:-13px}.timeline-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--box-shadow);padding:20px;transition:all .3s ease;transition:var(--transition)}.timeline-content:hover{box-shadow:0 10px 25px #0006;transform:translateY(-3px)}.timeline-date{color:#4ecdc4;color:var(--primary-color);font-size:.9rem;font-weight:700;margin-bottom:.5rem}.timeline-title{font-size:1.2rem;margin-bottom:.5rem}.timeline-company{color:#6ab7ff;color:var(--secondary-color);font-size:.9rem;font-style:italic;margin-bottom:1rem}.education-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));opacity:0}.education-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;border-left:3px solid #4ecdc4;border-left:3px solid var(--primary-color);border-radius:10px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--box-shadow);padding:2rem;transition:all .3s ease;transition:var(--transition)}.education-card:hover{box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.education-year{color:#4ecdc4;color:var(--primary-color);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.education-degree{font-size:1.2rem;margin-bottom:.5rem}.education-school{color:#b0b0b0;font-size:.9rem;font-style:italic;margin-bottom:1rem}.contact-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));opacity:0}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--box-shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.contact-item:hover{box-shadow:0 10px 25px #0006;transform:translateY(-3px)}.contact-icon{color:#4ecdc4;color:var(--primary-color);font-size:1.5rem}.contact-form{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;border:1px solid #ffffff08;border-radius:10px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--box-shadow);padding:2rem}.form-group{margin-bottom:1rem}.form-control{background-color:#111;border:1px solid #2a2a2a;border:1px solid var(--border-color);border-radius:5px;color:#e0e0e0;color:var(--text-color);font-size:1rem;padding:.8rem;transition:all .3s ease;transition:var(--transition);width:100%}.form-control:focus{border-color:#4ecdc4;border-color:var(--primary-color);box-shadow:0 0 0 3px #4ecdc433;outline:none}textarea.form-control{min-height:150px;resize:vertical}.hero{position:relative}#hero .container{display:grid;grid-template-columns:2fr 1fr}.project-showcase{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;overflow:hidden;position:relative;width:400px;z-index:5}.showcase-item{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:500px;opacity:.5;overflow:hidden;position:absolute;transition:all .5s cubic-bezier(.23,1,.32,1);width:100%}.showcase-item .project-image{height:200px;width:100%}.showcase-item .project-links{margin-top:1rem}.showcase-item .project-link{font-size:.8rem;padding:.3rem .8rem}footer{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202020b3;color:#e0e0e0;color:var(--text-color);padding:2rem 0;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.footer-logo{color:#f8f9fa;color:var(--light-color);font-size:1.5rem;font-weight:700}.footer-socials{display:flex;gap:1rem}.footer-social-icon{color:#f8f9fa;color:var(--light-color);font-size:1.2rem;transition:all .3s ease;transition:var(--transition)}.footer-social-icon:hover{box-shadow:0 2px 100px #6ab7ff4d;transform:translateY(-3px)}.footer-nav{display:flex;gap:1.5rem;margin:1rem 0}.footer-link{color:#e0e0e0;color:var(--text-color);position:relative;transition:all .3s ease;transition:var(--transition)}.footer-link:after{background-color:#4ecdc4;background-color:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover:after{width:100%}.copyright{color:#6c757d;font-size:.9rem}.scroll-top{align-items:center;background-color:#4ecdc4;background-color:var(--primary-color);border:0;border-radius:50%;bottom:2rem;box-shadow:0 5px 15px #0000004d;color:#0a0a0a;color:var(--dark-color);cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;opacity:0;position:fixed;right:2rem;transition:all .3s ease;transition:var(--transition);width:40px;z-index:100}.scroll-top.show{opacity:1}.scroll-top:hover{background-color:#6ab7ff;background-color:var(--secondary-color);color:#fff;transform:translateY(-3px)}.scroll-progress{background:linear-gradient(90deg,#4ecdc4,#6ab7ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));height:3px;left:0;position:fixed;top:0;transition:width .1s;width:0;z-index:2000}.particles-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:float-particle 15s ease-in-out infinite;background-color:#4ecdc44d;border-radius:50%;position:absolute}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(40px,20px)}}@keyframes float-particle{0%,to{opacity:0;transform:translate(0)}25%{opacity:.5}50%{opacity:.8;transform:translate(100px,50px)}75%{opacity:.5}}@keyframes expandLine{to{width:50px}}@keyframes skillFill{0%{width:0}to{width:var(--skill-level)}}@media (min-width:992px) and (max-width:1368px){.projects-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.logo{margin-left:30px}.hero-content{max-width:700px}.hero-name{font-size:clamp(2.2rem,6vw,3.2rem)}.hero-role{font-size:clamp(1.4rem,4vw,2rem)}.hero-description{font-size:1rem;max-width:550px}.project-showcase{height:74vh;width:400px}.about-container{gap:2rem}.skills-container{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.timeline{max-width:700px}.education-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contact-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.footer-nav{gap:1rem}}@media (max-width:1920px){.projects-container{display:none!important}.nav-container{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;opacity:0;padding:1rem;position:absolute;right:350px;top:60px;transform:translateY(-20px);transition:all .3s ease-out;visibility:hidden;width:200px;z-index:1000}}@media (min-width:1024px) and (max-width:1368px){.projects-container{display:none!important}.hero{margin-top:100px}.nav-container{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;opacity:0;padding:1rem;position:absolute;right:55px;top:60px;transform:translateY(-20px);transition:all .3s ease-out;visibility:hidden;width:200px;z-index:1000}.navbar{padding-right:50px}}@media (min-width:769px) and (max-width:992px){.hamburger{right:20px;top:20px}.nav-container{right:20px;width:180px}.theme-toggle{display:flex}.about-container{grid-template-columns:1fr}.about-image{margin-bottom:2rem}.timeline:after{left:31px}.timeline-item{padding-left:70px;padding-right:25px;width:100%}.timeline-item:nth-child(2n){left:0}.timeline-item:after{left:18px}.nav-container{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;opacity:0;padding:1rem;position:absolute;right:55px;top:60px;transform:translateY(-20px);transition:all .3s ease-out;visibility:hidden;width:200px;z-index:1000}.navbar{padding-right:50px}}@media (min-width:576px) and (max-width:768px){.notification-container{left:10px;max-width:none;top:70px;width:auto}.notification{padding:12px 16px;width:100%}.nav-link{font-size:.9rem;padding:5px}.logo{color:#4ecdc4;color:var(--primary-color);font-size:1.5rem;font-weight:700}.glitch{font-size:20px}.nav-menu.active{left:0}.hero-name{font-size:2.5rem}.hero-role{font-size:1.5rem}.notification-container{right:10px;top:80px}.projects-container{display:block;padding:1rem}.education-cards,.personal-info{grid-template-columns:1fr}.footer-nav{gap:10px}.footer-link{font-size:12px}#hero .container{padding:0 1.5rem;width:100%}.hero-content{margin-top:40px;position:relative;width:90vw;z-index:10}.logo{margin-left:20px}.project-showcase{align-items:center;display:none!important;flex-direction:column;height:70vh;justify-content:center;overflow:hidden;position:relative;width:400px;z-index:5}.timeline-item:nth-child(2n):after{left:-13px}.about-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;opacity:0}.nav-container{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;opacity:0;padding:1rem;position:absolute;right:55px;top:60px;transform:translateY(-20px);transition:all .3s ease-out;visibility:hidden;width:200px;z-index:1000}.navbar{padding-right:50px}}@media (min-width:376px) and (max-width:575px){.notification-container{top:60px}.notification{font-size:.9rem}.notification-icon{font-size:14px;height:24px;width:24px}.hero-name{font-size:2.2rem}.hero-role{font-size:1.3rem}.hero-greeting{font-size:1.1rem}.bar{height:2px;width:22px}.skill-card{padding:1.5rem}.project-content{padding:1.2rem}.contact-form{padding:1.5rem}.form-control{padding:.7rem}.footer-nav{gap:20px}#hero .container{width:100%}.hero-content{margin-top:165px;position:relative;width:90vw;z-index:10}.project-showcase{align-items:center;display:none!important;flex-direction:column;height:70vh;justify-content:center;overflow:hidden;position:relative;width:400px;z-index:5}.timeline-item:nth-child(2n):after{left:18px}.footer-link{font-size:12px}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){left:0}.timeline:after{background-color:#4ecdc4;background-color:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline-item:nth-child(2n):after,.timeline-item:nth-child(odd):after{left:-13px}.timeline-item{padding:10px 40px;position:relative;width:100%}.about-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;opacity:0}.nav-container{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;opacity:0;padding:1rem;position:absolute;right:20px;top:60px;transform:translateY(-20px);transition:all .3s ease-out;visibility:hidden;width:200px;z-index:1000}.navbar{padding-right:20px}}@media (max-width:375px){.hero-name{font-size:2rem}.hero-role{font-size:1.2rem}.hero-greeting{font-size:1rem}.btn,.btn1{font-size:.8rem;padding:.7rem 1.2rem}.section-title{font-size:1.5rem}.section-title:after{height:2px;width:40px}.project-link,.timeline-company,.timeline-date{font-size:.8rem}.timeline-item:nth-child(2n):after{left:18px}.footer-logo{font-size:1.3rem}.footer-nav{gap:.8rem}.footer-link{font-size:10px}.copyright{font-size:.8rem}.scroll-top{bottom:1.5rem;height:35px;right:1.5rem;width:35px}.particles-container{display:none}.contact-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(276px,1fr))}.projects-container{display:block}.hero-content{margin-top:165px;position:relative;width:90vw;z-index:10}.project-showcase{align-items:center;display:none!important;flex-direction:column;height:70vh;justify-content:center;overflow:hidden;position:relative;width:400px;z-index:5}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){left:0}.timeline:after{background-color:#4ecdc4;background-color:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline-item:nth-child(2n):after,.timeline-item:nth-child(odd):after{left:-13px}.timeline-item{padding:10px 40px;position:relative;width:100%}.about-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;opacity:0}.nav-container{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;opacity:0;padding:1rem;position:absolute;right:20px;top:60px;transform:translateY(-20px);transition:all .3s ease-out;visibility:hidden;width:200px;z-index:1000}.navbar{padding-right:20px}}#infinite-grid-menu-canvas{cursor:grab;height:100%;outline:none;overflow:hidden;position:relative;width:100%}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{background:#5227ff;border:5px solid #000;cursor:pointer;display:grid;height:60px;place-items:center;width:60px;z-index:10}.face-title{font-size:4rem;font-weight:900;left:1.6em}.action-button-icon,.face-title{-webkit-user-select:none;user-select:none}.action-button-icon{color:#fff;font-size:26px;position:relative;top:2px}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;pointer-events:auto;transform:translate(20%,-50%);transition:.5s ease}.face-title.inactive{opacity:0;pointer-events:none;transition:.1s ease}.face-description{font-size:1.5rem;max-width:10ch;position:absolute;right:1%;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.face-description.active{opacity:1;pointer-events:auto;transform:translate(-90%,-50%);transition:.5s ease}.face-description.inactive{opacity:0;pointer-events:none;transform:translate(-60%,-50%);transition:.1s ease}.action-button{left:50%;position:absolute}.action-button.active{bottom:5.8em;opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1);transition:.5s ease}.action-button.inactive{bottom:-80px;opacity:0;pointer-events:none;transform:translateX(-50%) scale(0);transition:.1s ease}@media (max-width:1500px){.face-description,.face-title{display:none}}
/*# sourceMappingURL=main.523da498.css.map*/