@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap);.flowbox-container{align-items:center;align-self:center;display:flex;flex-direction:column;gap:40px;margin-bottom:80px;width:100%}@media only screen and (max-width:768px){.flowbox-container{display:none}}.flowbox-top{background-color:#fff;border:24px solid #2d234a;border-left-width:0;border-radius:0 0 40px 0;box-shadow:0 10px 30px #2d234a14;display:flex;flex:0 1 auto;flex-direction:row-reverse;justify-content:space-between;min-height:280px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.flowbox-left:hover,.flowbox-right:hover,.flowbox-top:hover{box-shadow:0 15px 35px #2d234a26;transform:translateY(-4px)}.flowbox-top .contentHolder{padding-left:20px}.flowbox-top .imgHolder .myImg{border-radius:0 0 20px 0}.flowbox-left{background-color:#fff;border-color:#2d234a;border-radius:0 40px 0 40px;border-style:solid;border-width:0 0 24px 24px;box-shadow:0 10px 30px #2d234a14;display:flex;flex-direction:row;justify-content:space-between;min-height:280px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.flowbox-left .imgHolder .myImg{border-radius:0 0 0 20px}.flowbox-right{background-color:#fff;border-color:#2d234a;border-radius:40px 0 40px 0;border-style:solid;border-width:0 24px 24px 0;box-shadow:0 10px 30px #2d234a14;display:flex;flex-direction:row-reverse;justify-content:space-between;min-height:280px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.flowbox-right .contentHolder{padding-left:20px}.flowbox-right .imgHolder .myImg{border-radius:0 0 20px 0}.imgHolder{align-items:center;background-color:#f8f8fc;display:flex;height:auto;justify-content:center;max-height:480px;overflow:hidden;width:40%}.contentHolder{display:flex;flex-direction:column;gap:18px;justify-content:flex-start;margin:24px;min-height:100%;width:55%}.contentHolder .title{align-items:center;color:#2d234a;display:flex;font-size:1.8rem;font-weight:700;gap:10px;margin-bottom:4px;margin-top:0}.contentHolder .subtitle{color:#2d234a;font-size:1.15rem;font-weight:600;margin-bottom:6px}.contentHolder .subtitle span{color:#555;font-size:.95rem;font-weight:500}.contentHolder .content{color:#333;font-size:.98rem;line-height:1.6}.company-section-header{align-items:center;border-bottom:3px solid #2d234a;display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem;width:100%}.company-section-header h3{color:#2d234a;font-size:1.6rem;font-weight:700}.company-badge{background:#2d234a;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px}.highlight-badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#3730a3;display:inline-block;font-size:.82rem;font-weight:600;margin-top:4px;padding:4px 10px}.highlight-pill{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;color:#047857;font-weight:700;padding:2px 8px}.myImg{height:100%;object-fit:cover;width:100%}.flowMobHolder{background:#fff;border-radius:1rem;box-shadow:0 5px 20px #00000014;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;padding:1.2rem}@media only screen and (max-width:768px){.flowMobHolder{padding:1rem}}.flowmobBox{gap:1.5rem}.flowmobBox,.flowmobCard{display:flex;flex-direction:column}.flowmobCard{background:#fafaff;border-left:4px solid #2d234a;border-radius:0 12px 12px 0;gap:.8rem;padding:1rem}.flowmobCard .title{color:#2d234a;font-size:1.25rem;font-weight:700}.flowmobCard .subtitle{color:#2d234a;font-size:1rem;font-weight:600}.flowmobCard .subtitle span{color:#666;font-size:.85rem;font-weight:500}.flowmobCard .content{color:#444;font-size:.92rem;line-height:1.5}@media only screen and (min-width:768px){.flowMobHolder{display:none}}.naboutContainer{align-self:center;background-color:#fff;border-radius:0 50px 0 50px;box-shadow:0 10px 30px #2d234a14;display:grid;grid-template-areas:". . . border1 border1" ". cn cn cn border2" ". cn cn cn . " "border3 cn cn cn . " "border4 border4 . . .";grid-template-columns:30px 1fr 1fr 1fr 30px;grid-template-rows:30px 1fr 1fr 1fr 30px;margin-bottom:3.5rem;position:relative;width:100%}.nborder1{grid-area:border1}.nborder1,.nborder2{background-color:#2d234a}.nborder2{grid-area:border2}.nborder3{grid-area:border3}.nborder3,.nborder4{background-color:#2d234a}.nborder4{grid-area:border4}.naboutContentBox{display:grid;grid-area:cn;grid-template-areas:"img1 para1" "para2 para1" "para2 img2" "para2 para3";grid-template-columns:repeat(2,1fr);grid-template-rows:1fr .2fr 1fr .7fr;left:30px;top:30px}.nimg1{grid-area:img1;grid-template-areas:"mainarea";grid-template-columns:1fr;grid-template-rows:1fr}.nimg1,.nimg2{align-items:center;background-color:#fff;display:grid;height:100%;justify-content:center;width:100%}.nimg2{grid-area:img2;grid-template-areas:"mainarea";grid-template-columns:1fr;grid-template-rows:1fr}.nimgHolder1{background-color:#2d234a;border-radius:12px;grid-area:mainarea;height:70%;margin:15% 10%;transform:rotate(-5deg);transition:.3s ease-in-out;width:80%}.nimgHolder1.hover{transform:rotate(5deg)}.nimgHolder3{background-color:#2d234acc;border-radius:12px;grid-area:mainarea;height:70%;margin:15% 10%;transform:rotate(-9deg);transition:.3s ease-in-out;width:80%}.nimgHolder3.hover{transform:rotate(9deg)!important}.nimgHolder2{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001f;grid-area:mainarea;height:70%;margin:15% 10%;overflow:hidden;transform:rotate(-1deg);transition:.3s ease-in-out;width:80%}.nimgHolder2.hover{transform:rotate(0deg)}.nimgHolder2 img{height:100%;object-fit:cover;width:100%}.npara1{display:flex;flex-direction:column;gap:20px;grid-area:para1;justify-content:flex-start;margin-left:8%;margin-right:5%;margin-top:10%;min-height:100%}.npara1 .subtitle,.npara2 .subtitle,.npara3 .subtitle{color:#2d234a;font-size:1.35rem;font-weight:700;margin-bottom:4px}.npara1 .content,.npara2 .content,.npara3 .content{color:#333;font-size:.98rem;line-height:1.65}.npara2{grid-area:para2;margin-top:5%}.npara2,.npara3{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;margin-left:8%;margin-right:5%;min-height:100%}.npara3{grid-area:para3}@media only screen and (max-width:768px){.naboutContainer{background-color:#fff;border-left:8px solid #2d234a;border-radius:20px;border-right:2px solid #2d234a;box-shadow:0 10px 30px #2d234a1f;display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;margin-bottom:2.5rem;padding:24px 16px}.nborder1,.nborder2,.nborder3,.nborder4{display:none!important}.naboutContentBox{display:flex;flex-direction:column;gap:24px;padding:0;width:100%}.npara1{gap:16px;margin:0;order:1;width:100%}.nimg1{background:#0000;display:block;height:220px;margin:10px auto 20px;max-width:280px;order:2;position:relative;width:100%}.npara2{gap:16px;margin:0;order:3;width:100%}.nimg2{background:#0000;display:block;height:220px;margin:10px auto 20px;max-width:280px;order:4;position:relative;width:100%}.npara3{gap:16px;margin:0;order:5;width:100%}.nimg1 .nimgHolder1,.nimg2 .nimgHolder1{border-radius:14px;height:100%;inset:0;margin:0;position:absolute;transform:rotate(-4deg);width:100%}.nimg1 .nimgHolder3,.nimg2 .nimgHolder3{border-radius:14px;height:100%;inset:0;margin:0;position:absolute;transform:rotate(-7deg);width:100%}.nimg1 .nimgHolder2,.nimg2 .nimgHolder2{border-radius:14px;box-shadow:0 6px 18px #00000026;height:100%;inset:0;margin:0;overflow:hidden;position:absolute;transform:rotate(-1deg);width:100%}.npara1 .subtitle,.npara2 .subtitle,.npara3 .subtitle{border-bottom:2px solid #e8e4f5;color:#2d234a;font-size:1.2rem;font-weight:700;padding-bottom:4px}.npara1 .content,.npara2 .content,.npara3 .content{color:#444;font-size:.95rem;line-height:1.6}}*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaff;font-family:Poppins,sans-serif;font-weight:400;overflow-x:hidden}main{background:#151418;background-image:url(/static/media/blob-haikei.126a6c8eb24ebc473341.svg);background-repeat:no-repeat;background-size:cover;width:100%}a{background-color:initial;color:inherit;text-decoration:none;transition:.2s ease-in}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}img,video{display:block;max-width:100%}.btn{border-radius:8px;cursor:pointer;font-weight:400;outline:none;transition:all .2s ease-in-out}.btn-shadow{box-shadow:0 2px 5px #a0aab499}.btn-shadow:hover{box-shadow:0 3px 8px #a0aab4e6}.PrimaryBtn,.PrimaryBtn2{background:#3986fa;border:none;color:#f6f6f6;padding:14px 22px}.SecondaryBtn{border:2px solid #3986fa;color:#010606;margin-right:1rem;padding:10px 18px}.PrimaryBtn:hover{background:#126ffa}.SecondaryBtn:hover{background:#e7f1fa;color:#000}.Container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1240px;overflow:hidden;padding-left:1rem;padding-right:1rem;width:90%}@media only screen and (min-width:1600px){.Container{max-width:1400px}}@media only screen and (min-width:2000px){.Container{max-width:1600px}}@media only screen and (max-width:768px){.Container{width:97%}}.BigCard{box-shadow:0 2px 4px #00000080}.AboutCard,.BigCard{background:#fff;border-radius:1rem;display:flex;flex-direction:column;margin-bottom:3rem;padding:1.5rem 1rem}.AboutCard{box-shadow:0 2px 4px #251a1a80}@media only screen and (min-width:1320px){.AboutCard{display:none}}.AboutContainer{display:flex;justify-content:space-between;margin-left:0;margin-right:0;min-width:85%;padding:2rem .3rem 1rem;@media only screen and (max-width:768px){align-self:center;display:block}@media (min-width:1200px){max-width:1000px}}.Imagebox{align-items:center;background-color:#2d234a;border-radius:1rem;box-shadow:0 5px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:1.4rem;text-align:center;@media only screen and (max-width:768px){margin-bottom:2rem}}.imageCaption{align-self:flex-start;color:#fff;text-align:justify}.TimelineBox{align-items:flex-end;background:#fff;border-radius:1rem;box-shadow:0 2px 4px #251a1a80;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:3rem;padding:1.5rem 1rem;@media screen and (max-width:1000px){display:none}}.AboutBio{margin:0 auto;max-width:"90%";text-align:justify}.AboutBio,.tagline2{color:#2d234a;line-height:1.6}.tagline2{margin:0;margin-bottom:2rem;margin-top:1rem;max-width:650px;text-align:left}.SectionTitle{color:#2d234a;font-size:28px;font-weight:700;margin-bottom:3.5rem}@media only screen and (max-width:768px){.SectionTitle{margin-bottom:1rem}}.SubsectionTitle{color:#2d234a;font-size:24px;font-weight:700}.ProjectWrapper{margin-top:-1rem}.BigCard h2{align-self:center;color:#2d234a;font-size:1.5rem;padding:1.5rem}@media only screen and (max-width:768px){.BigCard h2{font-size:1rem;font-weight:700;padding:1.5rem}}@media (max-width:1000px){.Container{padding:0}}.techImg{height:50px;padding-bottom:5px;width:auto}@media only screen and (max-width:768px){.techImg{height:35px}}.aboutHead{color:#2d234a;font-size:xx-large;font-weight:700;padding-bottom:1vw}.aboutSummary{font-size:large;text-align:justify}.navButton{align-items:center;display:flex;margin-right:24px;@media screen and (max-width:1000px){display:none}}.HeroContainer{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;padding:4rem 1rem 2rem;@media only screen and (max-width:768px){padding-left:0!important;padding-right:0!important}@media screen and (max-width:1200px){padding-left:4rem}@media (min-width:576px){max-width:540px}@media (min-width:768px){max-width:720px}@media (min-width:992px){max-width:960px}@media (min-width:1200px){max-width:1140px}@media (min-width:1600px){max-width:1380px}}.ExperienceCard{background:#fff;box-shadow:0 2px 4px #251a1a80;justify-content:space-between}.ExperienceCard,.ExperienceContainer{border-radius:1rem;display:flex;flex-direction:row;margin-bottom:3rem;padding-bottom:1.5rem;padding-top:1.5rem}.ExperienceContainer{height:100%;justify-content:space-evenly;width:100%}.hideMob{display:block}@media only screen and (max-width:768px){.hideMob{display:none}}.slidesHolder{align-items:center;align-self:center;display:flex;flex-direction:column;height:37vw;justify-content:center;margin-bottom:3rem;width:67vw;@media only screen and (max-width:1200px){height:42vw;width:78vw}@media only screen and (max-width:768px){display:none}}swiper-container{height:37vw;width:67vw;@media screen and (max-width:1200px){height:42vw;width:78vw}}swiper-slide{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 4px #00000080;color:#000;display:flex;font-size:22px;font-weight:700;justify-content:center}a{color:blue}a :hover{text-decoration:underline}.eksrul{display:none!important;position:relative!important}.skills-themed-container{background-color:#fff;border-color:#2d234a;border-radius:0 40px 0 40px;border-style:solid;border-width:0 0 24px 24px;box-shadow:0 10px 30px #2d234a14;margin-bottom:3.5rem;padding:32px 28px;transition:all .3s ease}.skill-category-block{margin-bottom:32px}.skill-category-block:last-child{margin-bottom:0}.skill-category-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.skill-category-title{color:#2d234a;font-size:1.35rem;font-weight:700}.skill-cards-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.skill-card-item{align-items:center;background-color:#fcfbfe;border:1.5px solid #e5e0fa;border-radius:12px;box-shadow:0 4px 12px #2d234a0d;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:100px;padding:14px 18px;transition:transform .2s ease,box-shadow .2s ease}.skill-card-item img{height:45px;margin-bottom:8px;object-fit:contain;width:auto}.skill-card-item span{color:#2d234a;font-size:.88rem;font-weight:600;text-align:center}@media only screen and (max-width:768px){.skills-themed-container{border-width:0;border-left:6px solid #2d234a;border-radius:16px;box-shadow:0 8px 24px #2d234a1a;margin-bottom:2.5rem;padding:20px 14px}.skill-category-block{margin-bottom:24px}.skill-category-header{align-items:flex-start;border-bottom:2px solid #eee;flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:8px}.skill-category-title{font-size:1.12rem}.skill-cards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.skill-card-item{border-radius:10px;min-width:0;min-width:auto;padding:10px 8px}.skill-card-item img{height:36px;margin-bottom:4px}.skill-card-item span{font-size:.78rem}}.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)}}
/*# sourceMappingURL=main.58f41531.css.map*/