:root{--yellow:#f5c32c;--red:#ef3c36;--black:#242d49;--gray:#dee0e4;--green:#8bef2d;--blueCard:#007aff;--purple:#9c48e5;--boxShadow:0px 19px 60px #00000014;--smboxShadow:-79px 51px 60px #00000014}.App{color:#242d49;color:var(--black);overflow:hidden}@media screen and (max-width:768px){.App{padding:.05rem}}.button{background-color:#007aff;border:none;border-radius:.3rem;box-shadow:0 4px 8px #0000001a;color:#fff;font-size:11px;font-weight:600;height:10rem;text-align:center;transition:background-color .3s ease,border .3s ease;width:10rem}.button:hover{background-color:#0160c5;cursor:pointer}.button-secondary{background-color:#dee0e4;background-color:var(--gray);border:none;border-radius:5px;box-shadow:0 4px 8px #0000001a;color:#007aff;color:var(--blueCard);font-size:12px;font-weight:600;height:10rem;text-align:center;transition:background-color .3s ease,border .3s ease;width:10rem}.i-button{align-items:center;font-size:14px;height:2.5rem;margin-right:1rem;transition:transform .3s ease,background-color .3s ease,border .3s ease;width:8rem}.i-button:hover{transform:scale(1.1)}.navbar{background:#fff;border-bottom:2px solid #000;left:0;padding:15px 5%;position:fixed;top:0;transition:opacity .3s ease,transform .3s ease;z-index:1000}.nav-container,.navbar{align-items:center;display:flex;width:100%}.nav-left{align-items:center;display:flex;flex:1 1;gap:15px}.nav-links{justify-content:flex-start;margin:0;padding:0}.nav-links,.nav-social{display:flex;gap:30px;list-style:none}.nav-social{margin-left:auto}.nav-links li a,.nav-social li a{color:#000;font-size:18px;font-weight:600;text-decoration:none;transition:opacity .3s ease}.nav-links li a:hover,.nav-social li a:hover{opacity:.6}.intro-mobile{display:none}.menu-toggle{background:none;border:none;cursor:pointer;display:none;height:20px;outline:none;padding:0;position:relative;width:24px;z-index:10}.menu-line{background-color:#50f;border-radius:2px;display:block;height:2px;left:0;position:absolute;transition:all .3s ease;width:100%}.menu-line:first-child{top:0}.menu-line:nth-child(2){top:50%;transform:translateY(-50%)}.menu-line:nth-child(3){bottom:0}.menu-toggle.active .menu-line:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.menu-toggle.active .menu-line:nth-child(2){opacity:0}.menu-toggle.active .menu-line:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}@media (min-width:769px){.menu-toggle:hover .menu-line{background-color:#3a00b0}}@media (max-width:768px){.navbar{align-items:center;flex-direction:column;padding:25px 5%}.nav-container{flex-direction:row;padding-right:3rem;width:100%}.menu-toggle,.nav-container{justify-content:space-between}.menu-toggle{color:#000;display:flex;flex-direction:column;height:16px;position:absolute;right:3.5rem;top:1.2rem;width:22px}.menu-toggle.active .menu-line{background-color:#7633ff}.menu-toggle:active .menu-line{background-color:#3a00b0}.nav-links,.nav-social{align-items:start;background:#fff;display:none;flex-direction:column;height:auto;left:0;margin-right:20rem;opacity:0;padding:15px 20px;transform:translateY(-20px);transition:all 0s;width:100%}.intro-desk{display:flex}.intro-mobile{display:none;position:relative;text-align:center;text-decoration:none;top:-.5rem}.nav-links.open,.nav-social.open{display:flex;opacity:1;transform:translateY(0);transition:transform .3s ease,opacity .3s ease}.nav-links.open li{animation:slideDown .5s ease forwards;opacity:0;transform:translateY(-10px)}.nav-links.open li:first-child{animation-delay:.05s}.nav-links.open li:nth-child(2){animation-delay:.1s}.nav-links.open li:nth-child(3){animation-delay:.15s}.nav-links.open li:nth-child(4){animation-delay:.2s}.nav-links.open li:nth-child(5){animation-delay:.25s}.nav-links.open li:nth-child(6){animation-delay:.3s}.nav-links.open li:nth-child(7){animation-delay:.35s}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-social{margin-left:0}}.intro-section{flex-direction:column;font-family:Arial Black,sans-serif;height:auto;margin:0 auto;min-height:100vh;overflow:hidden;padding-top:2rem;width:90vw}.intro-section,.intro-title{align-items:center;display:flex;text-align:center}.intro-title{color:#000;font-size:6vw;font-weight:900;justify-content:center;letter-spacing:-2px;margin-bottom:5vh;margin-top:10vh;padding:0;width:100%}.intro-title span{white-space:pre-line}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.intro-image-container{align-items:center;display:flex;justify-content:center;max-width:100vw;overflow:hidden;position:relative;width:100%}.intro-image{border-radius:5px;box-shadow:0 0 10px 0 #00000080;display:block;height:auto;max-height:650px;object-fit:cover;transition:transform .5s ease;width:100%}.image-caption{background:#00000080;border-radius:5px;bottom:5px;color:#fff;font-size:12px;padding:5px 10px;position:absolute;right:10px}@media (max-width:768px){.intro-section{height:auto;min-height:45vh;padding-top:4rem}.intro-title{align-items:center;font-size:8vw;justify-content:center;margin-bottom:5vh;margin-top:5vh;padding:0;text-align:center}.intro-image-container{width:100%}.intro-image{border-radius:5px;box-shadow:0 0 10px 0 #00000080;height:auto;max-height:400px}.image-caption{bottom:10px;font-size:6px;padding:4px 8px;right:5px}}.about-container{align-items:center;background:#f0f0f0;border-radius:10px;box-shadow:0 0 10px 0 #0000001a;display:flex;flex-direction:row;gap:50px;justify-content:space-between;margin:auto;max-width:1200px;padding:40px}.about-left,.about-right{flex:1 1}.about-title{color:#2c3e50;font-size:60px;font-weight:700;margin-bottom:30px;text-align:left}.about-text{color:#4a4a4a;font-size:18px;line-height:1.8;text-align:justify}.about-text span{color:#000;font-weight:600}#span-mobile{font-weight:500}.about-photo{border:1px solid #333;border-radius:20px;height:auto;max-height:700px;max-width:100%;transition:transform .3s ease,box-shadow .3s ease}@media screen and (max-width:768px){.aboutSection{padding-top:1rem}.about-container{flex-direction:column-reverse;gap:15px;padding:30px;text-align:center}.about-title{font-size:40px;font-size:2rem;margin-top:10px;text-align:center}.about-text{font-size:16px;line-height:1.6;text-align:center}#span-mobile{display:none}.about-photo{border-radius:20px;margin-bottom:-5px;max-width:60%}}.Experience_container__dfbDw{background:#fff;margin:50px auto;max-width:1200px;padding:20px}.Experience_title__t6Ncl{color:#333;font-size:4rem;font-weight:700;margin-bottom:30px;text-align:center}.Experience_buttonContainer__0qcYx{display:flex;gap:10px;justify-content:start;margin-bottom:20px;position:relative}.Experience_buttonContainer__0qcYx:after{background-color:#6200ea;bottom:-2px;content:"";height:3px;left:0;position:absolute;transform:translateX(0);transition:transform .5s cubic-bezier(.645,.045,.355,1);width:50%}.Experience_education__FPYfr .Experience_buttonContainer__0qcYx:after{transform:translateX(100%)}.Experience_toggleButton__BCR1A{background-color:initial;border:none;border-bottom:2px solid #0000;border-radius:2px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.645,.045,.355,1);z-index:1}.Experience_toggleButton__BCR1A:hover{background-color:#6200ea0d;color:#6200ea}.Experience_activeButton__7mH9M{border:none;color:#6200ea;font-weight:700;transition:all .3s cubic-bezier(.645,.045,.355,1)}.Experience_activeButton__7mH9M:hover{background-color:#6200ea0d}.Experience_contentContainer__2FTjo{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.Experience_skills__ikVdA{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.Experience_history__PLYC5{display:flex;flex:2 1;flex-direction:column;min-height:300px;position:relative}.Experience_education__FPYfr .Experience_historyCard__FPJdm,.Experience_workExperience__FxGLH .Experience_historyCard__FPJdm{animation:Experience_fadeIn__d5KiQ .5s ease-in-out forwards}@keyframes Experience_fadeIn__d5KiQ{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Experience_card__6AE2E{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:transform .3s ease,border .3s ease}.Experience_card__6AE2E,.Experience_historyCard__FPJdm{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px}.Experience_historyCard__FPJdm{margin-top:10px;text-align:start;transition:transform .3s ease,border .3s ease,box-shadow .3s ease}.Experience_card__6AE2E:hover,.Experience_historyCard__FPJdm:hover{border:1px solid #6200ea;transform:translateY(-3px)}.Experience_cardImage__gRj3n{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:10px;width:80px}.Experience_cardImage__gRj3n img{max-height:100%;max-width:100%}.Experience_cardTitle__w\+6z0{color:#333;font-size:.9rem;font-weight:500;text-align:center}.Experience_historyCardHeader__gPeQl{align-items:center;color:#333;display:flex;gap:15px;margin-bottom:10px}.Experience_historyCardHeader__gPeQl img{border:1px solid #ddd;border-radius:10px;height:90px}.Experience_historyCardHeader__gPeQl h3{font-size:1.2rem;font-weight:700;margin:0}.Experience_historyCardHeader__gPeQl p{color:#666;font-size:.9rem;margin:0}.Experience_historyCardHeader__gPeQl span{color:#888;font-size:.9rem;position:relative;top:-10px}.Experience_historyCard__FPJdm ul{list-style:none;margin:0;padding:0}.Experience_historyCard__FPJdm ul li{color:#555;font-size:.9rem;margin-bottom:5px;padding-top:5px}@media (max-width:768px){.Experience_container__dfbDw{background:#fff;margin:50px auto;max-width:1200px;position:relative;top:-50px}.Experience_title__t6Ncl{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center}.Experience_contentContainer__2FTjo{flex-direction:column;gap:20px}.Experience_buttonContainer__0qcYx{border-bottom:none;display:flex;justify-content:center;padding-top:1rem;position:relative;width:100%}.Experience_buttonContainer__0qcYx:after{display:none}.Experience_toggleButton__BCR1A{background:#0000;border:none;color:#777;font-size:.9rem;margin:0 5px;padding:10px 0;position:relative;width:45%}.Experience_toggleButton__BCR1A:after{background-color:initial;bottom:-5px;content:"";height:3px;left:0;position:absolute;transition:background-color .3s ease;width:100%}.Experience_activeButton__7mH9M:hover{background-color:#ffffff0d}.Experience_activeButton__7mH9M{color:#6200ea;font-size:.9rem;font-weight:700}.Experience_activeButton__7mH9M:after{background-color:#6200ea}.Experience_skills__ikVdA{gap:15px;grid-template-columns:repeat(3,1fr)}.Experience_card__6AE2E{padding:10px}.Experience_cardImage__gRj3n{height:70px;position:relative;top:10px;width:70px}.Experience_cardTitle__w\+6z0{font-size:.8rem;padding-top:.5rem}.Experience_historyCardHeader__gPeQl img{border-radius:8px;height:60px}.Experience_historyCardHeader__gPeQl h3{font-size:.9rem;font-weight:700;margin:0}.Experience_historyCardHeader__gPeQl p{color:#666;font-size:.7rem;margin:0}.Experience_historyCardHeader__gPeQl span{color:#888;font-size:.7rem;position:relative;top:0}.Experience_historyCard__FPJdm ul li{color:#555;font-size:.8rem;margin-bottom:5px;padding-top:5px}.Experience_history__PLYC5{min-height:200px}.Experience_historyCard__FPJdm{margin-bottom:15px;padding:12px}}.Experience_contentWrapper__WdKko{overflow:hidden;position:relative;transition:max-height .7s ease-in-out}.Experience_collapsed__vj5iQ{max-height:500px}.Experience_collapsed__vj5iQ:after{background:linear-gradient(180deg,#fff0,#fff 90%);bottom:0;content:"";height:150px;left:0;pointer-events:none;position:absolute;right:0}.Experience_seeMoreButton__lkdvr{background-color:#eee;border:none;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#383838;cursor:pointer;display:block;font-weight:500;margin:20px auto 0;padding:10px 25px;transition:background-color .3s,transform .2s}.Experience_seeMoreButton__lkdvr:hover{background-color:#3700b3;color:#fff;transform:translateY(-2px)}.Experience_locationContainer__UwPmw{align-items:center;display:flex;gap:8px;margin:4px 0}.projects-section{background-color:#fff;border:1px solid #333;border-radius:20px;color:#fff;margin:4rem auto 0;max-width:1400px;min-height:35vh;overflow:hidden;text-align:center;width:100%}.projects-title{color:#000;font-size:4rem;font-weight:700;margin-bottom:30px;text-align:center}.project-description{color:#50f;font-size:1rem;margin-bottom:3rem}.projects-grid{gap:20px;height:auto;position:relative}.projects-grid,.projects-wrapper{display:flex;flex-direction:column}.projects-wrapper{cursor:grab;overflow-x:auto;overflow-y:hidden;padding-bottom:1rem;scrollbar-color:#fff3 #0000;scrollbar-width:thin;-webkit-user-select:none;user-select:none}.projects-wrapper::-webkit-scrollbar{height:4px}.projects-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.projects-wrapper::-webkit-scrollbar-track{background:#0000}.projects-wrapper.dragging{cursor:grabbing}.projects-row{display:flex;flex-wrap:nowrap;gap:15px;margin-left:2rem;margin-right:2rem;width:max-content}.project-card{background:#ffffff0d;border:10px solid #e7e7e7;border-radius:14px;box-shadow:0 8px 16px #0000000d;display:flex;flex:0 0 auto;flex-direction:column;height:420px;transition:transform .3s ease,box-shadow .3s ease;width:350px}.project-card:nth-child(odd){margin-top:20px}.project-card:nth-child(2n){margin-bottom:20px}.project-card:hover{transform:translateY(-1px)}.project-image{border-radius:2px 2px 0 0;height:300px;overflow:hidden;position:relative;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-category{background:#0009;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#fff;font-size:12px;font-weight:700;left:10px;padding:5px 10px;position:absolute;top:10px}.project-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:12px;text-align:start}.project-content h3{color:#000;font-size:1.3rem;margin-bottom:6px}.project-content p{color:#000;font-size:.9rem;line-height:1.4}.buttons{display:flex;gap:10px;justify-content:flex-start;margin-top:12px}.btn,.btn.demo{background-color:initial;border:1px solid #000;border-radius:6px;color:#000;display:inline-block;font-size:12px;font-weight:700;padding:7px 14px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn:hover{background:#000;color:#fff}@keyframes scrollEffectUp{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes scrollEffectDown{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.project-card.scrolling-up{animation:scrollEffectUp .5s ease-in-out}.project-card.scrolling-down{animation:scrollEffectDown .5s ease-in-out}.coming-soon{background:#fc0;border-radius:5px;color:#000;display:block;font-weight:700;margin-bottom:10px;padding:5px 10px;text-align:center}@media (max-width:1024px){.projects-section{max-width:1000px}.project-card{width:230px}}@media (max-width:768px){.projects-section{margin:-2.5rem auto 0;max-width:99%;padding:0!important;width:100%}.projects-title{font-size:2.8rem;text-align:center}.project-description{font-size:.8rem;margin-bottom:1rem;padding:0 1rem;text-align:center}.projects-grid{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(1,1fr);justify-content:center;padding:1rem;width:100%}.projects-row{display:flex;flex-wrap:nowrap;gap:15px;min-width:max-content}.projects-wrapper{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;padding-bottom:1rem;position:relative;right:1rem;scroll-snap-type:x mandatory}.project-card{flex:0 0 auto;min-height:300px;scroll-snap-align:center;width:290px}.project-image{height:300px}.project-category{font-size:11px;left:8px;padding:5px 9px;top:8px}.project-content{padding:10px}.project-content h3{font-size:1.1rem;text-align:start}.project-content p{font-size:.8rem;line-height:1.4;text-align:start}.buttons{gap:10px;justify-content:center}.btn,.btn.demo{font-size:12px;padding:8px 16px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:12px;max-height:90vh;max-width:1000px;overflow-y:auto;padding:24px;position:relative;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px}.modal-close:hover{background-color:#0000001a;color:#000}.modal-header{margin-bottom:24px;padding-right:40px}.modal-header h2{color:#333;font-size:24px;margin:0}.modal-category{background-color:#f0f0f0;border-radius:16px;color:#666;display:inline-block;font-size:14px;margin-top:8px;padding:4px 12px}.modal-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.modal-image-container{border-radius:8px;overflow:hidden;position:relative}.modal-main-image{height:300px;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.modal-main-image:hover{transform:scale(1.02)}.modal-info{display:flex;flex-direction:column;gap:24px}.modal-description h3{color:#000!important;margin:0 0 12px}.modal-description p{color:#000!important;line-height:1.6;margin:0}.modal-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{background-color:#f8f8f8;border-radius:8px;padding:12px}.detail-item strong{color:#333;display:block;margin-bottom:4px}.modal-actions{display:flex;gap:12px;margin-top:auto}.modal-button{border-radius:8px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.modal-button.github{background-color:#24292e;color:#fff}.modal-button.demo{background-color:#06c;color:#fff}.modal-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.modal-year{display:flex;gap:8px}@media (max-width:768px){.modal-content{width:85%}.modal-header h2{font-size:24px}.modal-description p,.modal-header h2{color:#000!important;margin:0;text-align:start}.modal-description p{font-size:1rem;line-height:1.6}.modal-body{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-year{display:flex}.modal-category{background-color:initial;border:1px solid #000;border-radius:16px;box-shadow:0 4px 12px #00000005;color:#666;display:inline-block;font-size:14px;margin-top:8px;padding:4px 12px;width:70px}.modal-button{background-color:#fff!important;border:1px solid #000!important;color:#000!important;text-align:center}}.footer{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin-top:auto;max-width:100vw;min-height:120px;padding:40px 0;width:100%}.footer-container{max-width:1200px;padding:0 20px;text-align:center;width:100%}.footer-text{color:#333;font-size:1rem;font-weight:700;margin-bottom:10px}.footer-links{display:flex;gap:25px;justify-content:center;padding-top:1.5rem}.footer-links a{color:#000;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .3s ease}.footer-copyright{color:#666;font-size:.9rem;padding-top:2rem}.footer-links a:hover{opacity:.6}@media (max-width:768px){.footer{min-height:100px;padding:40px 10px}.footer-links{flex-direction:row;gap:12px}.footer-copyright{color:#666;font-size:.7rem;padding-top:2rem}}.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;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)}}
/*# sourceMappingURL=main.1a343203.css.map*/