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,Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:initial;box-sizing:border-box;color:#000;display:flex;font-size:1.125rem;height:6.25rem;justify-content:space-between;margin-top:0;padding:.9375rem 0 0 2.5rem;position:relative;width:100%;z-index:100}.sidebar{display:none}.navbar ul{align-items:center;display:flex;flex-direction:row;font-size:.875rem;gap:0;height:1.5625rem;justify-content:center;margin-right:3.125rem;padding:0 .9375rem;width:auto}.navbar ul li{list-style:none}.navbar ul li Link{text-decoration:none}.logo{color:#333;font-family:Major Mono Display,monospace;font-size:2rem;font-style:normal;font-weight:700;font-weight:400;letter-spacing:.1875rem;margin-top:1.0625rem}.nav-links{display:flex;gap:.625rem;list-style:none}.nav-links li{padding:.3125rem}.nav-links a{color:#000;display:inline-block;font-size:1rem;font-weight:400;min-width:3.75rem;text-align:center;text-decoration:none;transition:color .2s ease-in-out,font-weight .1s;width:5.625rem}.nav-links a:active,.nav-links a:focus,.nav-links a:hover{font-weight:700}.nav-links.scrolled{background-color:#333;border-bottom-left-radius:1.875rem;box-shadow:0 .25rem .625rem #0000001a;height:.625rem;padding:.625rem .9375rem;position:fixed;right:-3.125rem;top:-.875rem}.nav-links.scrolled li a{color:#fff;text-decoration:none}.menu-icon,.sidebar-icons{display:none}.menu-icon{cursor:pointer;font-size:1.5rem}@media screen and (max-width:1024px){.nav-links,.navbar{//display:block}.nav-links{display:none}}@media screen and (max-width:768px){.logo,.menu-icon{display:block}.menu-icon{color:#000;cursor:pointer;font-size:3.125rem;position:fixed;right:1.25rem;top:.9375rem;z-index:1001}.navbar{display:flex}.navbar .nav-links{display:none}.sidebar{align-items:center;background-color:initial;display:flex;flex-direction:column;height:100vh;left:0;padding-top:3.75rem;position:fixed;text-align:center;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:100%;z-index:5000!important}.sidebar button img{height:3.125rem;margin:1.25rem;width:3.125rem}.sidebar.active{transform:translateX(0)}.sidebar ul{display:flex;flex-direction:column;height:70%;justify-content:center;letter-spacing:.1563rem;list-style:none;margin-top:2.5rem;padding:0 .9375rem;text-align:left;width:70%}.sidebar li{align-items:center;height:.625rem;margin-top:.625rem;padding:1rem;width:auto}.sidebar a{color:#000;font-size:1.1875rem;font-weight:600;text-decoration:none}.sidebar a:hover{color:#009e66}.close-btn{background:none;border:none;color:#000;cursor:pointer;font-size:1.375rem;position:absolute;right:1.5rem;top:2rem}.overlay{background:#2e3130e6;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}}@media screen and (max-width:430px){.navbar{height:5rem;margin-bottom:0}.menu-icon{border-radius:10px;cursor:pointer;height:60px;margin-top:-5px;padding-bottom:5px;text-align:center;width:60px}.navbar .logo{font-size:1.875rem;margin-top:30px}.sidebar .follow-me-container{bottom:auto;display:flex!important;flex-direction:column;left:76%;top:150px;transform:translateX(-50%)}.follow-me-container .follow-text{font-size:.8rem}.sidebar .follow-me-container .divider{height:2.5rem;width:.01rem}.follow-me-container .social-icons img{height:26px;margin-bottom:10px;width:26px}}.footer{align-items:center;border:#000;bottom:0;color:#fff;display:flex;height:15.625rem;justify-content:center;position:relative;width:100%;z-index:1}@media screen and (max-width:430px){.footer{height:12.5rem;margin-bottom:0}}.follow-me-container{align-items:center;display:flex;flex-direction:column;gap:.625rem;left:1.2rem;margin-left:1.25rem;position:fixed;top:50%;transform:translateY(-50%);z-index:400}.follow-text{color:#000;font-size:.9375rem;font-weight:400;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.divider{background-color:#000;height:2.5rem;width:.0625rem}.social-icons{align-items:center;display:flex;flex-direction:column;gap:.5rem}.social-icons a img{height:1.5625rem;width:1.5625rem}.icon{color:#000;font-size:1.125rem;text-decoration:none;transition:color .3s}.prf-container{align-items:center;background-color:#e0dddd;box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:0 2rem;position:relative;width:100%}.prf-container .about-left .icon-container{align-items:center;display:flex;gap:2.1875rem;height:4.375rem;justify-content:left;padding-left:.625rem;width:99%}.prf-container .landing{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:60% 40%;height:100vh;height:90vh;justify-content:center;left:0;margin-top:-3.125rem;pointer-events:auto;position:fixed;top:7rem;width:100%;z-index:1}.prf-container .landing .landing-left{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:5.3125rem;padding-left:3.125rem;width:100%}.typing-text{font-family:Special Gothic Expanded One,sans-serif;font-weight:400}.typing-text,.typing-text1{color:#264653;font-size:2.75rem;font-style:normal;transition:all .3s ease-in-out}.typing-text1{font-family:Michroma,sans-serif;font-weight:500}.typing-text2{font-family:Special Gothic Expanded One,sans-serif;font-size:2.75rem;font-style:normal;font-weight:300}.typing-text2,.typing-text3{color:#264653;transition:all .3s ease-in-out}.typing-text3{font-family:Anybody,sans-serif;font-optical-sizing:auto;font-size:2.75rem;font-style:normal;font-weight:<weight>}.prf-container .landing .landing-left .ht{font-size:2.1875rem;font-weight:300;line-height:1}.prf-container .landing .landing-left .ht2{font-size:1.1875rem;font-weight:300;line-height:1;margin-bottom:60px}.prf-container .landing .landing-left .ht3{font-size:1.1875rem;font-weight:400;line-height:1}.prf-container .landing h1{color:#333;font-size:2.1875rem;font-weight:300;line-height:1}.prf-container .landing h2{font-size:3.4375rem;font-weight:700;line-height:1.1}.prf-container .landing span{color:#333}.prf-container .landing button{all:unset;background-color:#f2713e;color:#fff;font-size:1rem;height:2.8125rem;text-align:center;width:9.6875rem}.prf-container .landing button:hover{background-color:#68b28e;cursor:pointer}.custom-link{align-items:center;color:inherit;display:flex;height:80%;justify-content:center;margin:0 auto;text-align:center;text-decoration:none;width:80%}.landing img{border:.0625rem solid #000;height:23.125rem;width:18.75rem}.prf-container .about-container .about-right .about{font-size:1.25rem;max-width:100%;text-align:left}.prf-container .about-container .about-right .about span{color:tomato}.prf-container .about-container{gap:0;margin-top:100vh;min-height:150vh;position:relative;z-index:2}.fixed-skills{background-color:#fff;position:sticky;top:0;width:100%;z-index:999}.prf-container .about-left{align-items:left;display:flex;flex-direction:column;height:auto;justify-content:top;padding:1.25rem 1.875rem;width:60%}.profile-skills{display:flex;position:relative;width:100%}.profile-skills .skills{display:flex;justify-content:center;width:100%}.prf-container .about-container .about-right{background-color:#fff;box-shadow:-.625rem 0 1.25rem #0003;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:-12.5rem;padding:2.8125rem 3.125rem;position:relative;text-align:left;width:40%}.prf-container .about-container .about-right h2{color:tomato;font-size:1.375rem;letter-spacing:.0375rem;margin-bottom:1.25rem;margin-top:0}.prf-container .about-container .about-right h3{font-family:Playfair Display,sans-serif;font-size:2.8125rem;font-weight:300;margin-top:0}.prf-container .about-container .about-right p{margin-top:0}.back-to-top{align-items:center;background-color:#f2713e;border:none;border-radius:50%;bottom:20px;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:background .3s;width:50px;z-index:1000}.back-to-top img{height:24px;width:24px}.back-to-top:hover{background-color:#68b28e}@media screen and (max-width:1024px){.prf-container .landing{grid-template-columns:1fr;text-align:center}.prf-container .landing .landing-left{align-items:center;margin-left:0;padding-left:0}.prf-container .about-container{flex-direction:column;height:auto;text-align:center}.prf-container .about-container .about-right{margin-top:0;padding:2rem;width:90%}}@media screen and (max-width:768px){.follow-me-container{//display:none}.prf-container{box-sizing:border-box}.prf-container .landing{display:flex;justify-content:center}.prf-container .landing .landing-left{align-items:flex-start;box-sizing:border-box;height:60%;justify-content:center;padding:0 1.25rem;width:90%}.prf-container .landing{margin-top:1.25rem}.prf-container .landing h2{line-height:1.5;text-align:left}.prf-container .landing h2 .typing-text,.prf-container .landing h2 .typing-text1,.prf-container .landing h2 .typing-text2{font-size:3.125rem}.prf-container .landing .landing-left .ht2{font-size:1.1875rem;margin-top:20px}.prf-container .landing h2 span{display:inline-block;line-height:1.4rem;vertical-align:initial}.prf-container .landing .landing-left button{border-radius:.5rem;font-size:1.125rem;height:3.75rem;width:55%}.prf-container .about-left{width:100%}.prf-container .about-container .about-right{padding:1.25rem;width:100%}.profile-skills{align-items:center;flex-direction:column}.prf-container .about-container{display:flex;width:100%}.prf-container .about-container .about-component{align-items:center;display:flex;justify-content:center;margin-top:100vh;min-height:150vh;position:relative;z-index:2}}@media screen and (max-width:430px){.prf-container{align-items:flex-start;box-sizing:border-box;justify-content:flex-start;min-height:80vh;padding:.3rem;width:100%}.prf-container .landing{grid-template-columns:1fr;height:37.5rem;margin-top:.4rem;padding-left:.3125rem;text-align:center}.prf-container .landing .landing-left{align-items:flex-start;height:80%;justify-content:space-around;width:95%}.prf-container .landing h2{font-size:2rem;line-height:3.125rem;text-align:left;width:100%}.prf-container .landing h2 .typing-text,.prf-container .landing h2 .typing-text1,.prf-container .landing h2 .typing-text2{font-size:2rem}.prf-container .landing .landing-left .ht2{font-size:1.1875rem;margin-top:-10px}.prf-container .landing .landing-left .ht4{font-size:1rem}.prf-container .landing .landing-left .ht{font-size:1.5rem}.prf-container .landing .landing-left button{border-radius:.1rem;height:3.3rem;width:100%}.custom-link{color:inherit;font-size:1.1rem;height:80%;margin:0 auto;text-align:center;text-decoration:none;width:80%}.custom-link,.prf-container .about-container{align-items:center;display:flex;justify-content:center}.prf-container .about-container{flex-direction:column;margin-top:85vh;width:100%}.prf-container .about-container .about-component{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:-5rem;text-align:center}.prf-container .about-left{width:100%}.prf-container .about-container .about-right{padding:1rem;width:95%}.fixed-skills{margin-top:0;padding-top:0;position:relative;top:auto}.profile-skills{align-items:center;flex-direction:column}.follow-me-container{display:none}}@media (hover:hover) and (pointer:fine){.prf-container .landing .landing-left .custom-link:hover,.prf-container .landing .landing-left button:hover{background-color:#68b28e;cursor:pointer}}.about{align-items:center;background-color:#fbfbfb;box-sizing:border-box;display:grid;grid-template-columns:1fr 2fr;margin:0;padding:1.75rem 2.25rem .75rem 8.25rem;position:relative;width:100%}.about,.about-img{height:auto;overflow:hidden}.about-img{margin:0 auto 0 20px;padding-bottom:32px;width:18rem}.about-img img{filter:sepia(30%) contrast(105%) brightness(110%) saturate(100%);height:100%;object-fit:cover;object-position:center calc(100% + 2rem);width:100%}.about .about-content{align-items:flex-start;box-sizing:border-box;color:#000;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:0 3.4375rem;position:relative;width:100%}.about-content .top-title{color:#f95f21;font-size:1.375rem;font-weight:800}.about-content h2{color:#333;font-size:1.675rem;font-weight:700;line-height:1.6;margin:0}.acp{color:#444;line-height:1.7;margin-bottom:2rem}@media screen and (max-width:768px){.about{background:#fff;background-color:#f2f2f2;grid-template-columns:1fr;margin-bottom:-2.5rem;margin-top:5rem;padding:1.875rem;text-align:center}.about .top-title{font-size:1.25rem}.about h2{font-size:1.875rem}.about-img{border:.00625 solid grey;height:21.875rem;margin:3.125rem auto;width:21.875rem}.about .about-content{align-items:flex-start;gap:1.25rem;padding:1.25rem;text-align:left;width:100%}.about .about-content .acp{font-size:1.125rem}.fade-in{animation:fadeInUp 1.5s ease-out forwards;opacity:0;transform:translateY(1.25rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}}@media screen and (max-width:430px){.about{background-color:#fbfbfb;border-top-left-radius:34px;border-top-right-radius:34px;box-sizing:border-box;grid-template-columns:1fr;padding:1.5rem 0 2.2rem;text-align:center}.about-content .top-title{font-size:1.2rem}.about-img{border:none;height:14rem;margin:1.125rem auto;width:12rem}.about-img img{filter:sepia(50%) contrast(100%) brightness(110%) saturate(110%);height:100%;object-fit:cover;object-position:center calc(100% + 1.1875rem);width:100%}.about .about-content{align-items:flex-start;gap:1rem;margin-top:-32px;padding:1.5625rem;text-align:left;width:100%}.about .about-content h2{font-size:24px}.about .about-content .acp{color:#444;font-size:1rem;line-height:1.7rem;margin-bottom:2rem}.fade-in{animation:fadeInUp 1.2s ease-out forwards;opacity:0;transform:translateY(1.25rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}}.timeline-container{align-items:center;background-color:#fbfbfb;display:flex;flex-direction:column;min-height:80vh;padding:5rem 2rem}.timeline-title{color:#222;font-size:2.4rem;font-weight:700;margin-bottom:3rem;text-align:center}.timeline-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:1100px;width:100%}.timeline-column{padding-left:2rem;position:relative}.timeline-heading{color:#f95f21;font-size:1.4rem;font-weight:600;margin-bottom:2rem}.timeline-line{background:#ddd;height:calc(100% - 3rem);left:1rem;position:absolute;top:2rem;transform-origin:top;width:1.5px}.timeline-item{margin-bottom:2.5rem;padding-left:2.5rem;position:relative}.timeline-dot{background:#f95f21;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #f95f21;height:10px;left:-1.5rem;position:absolute;top:.5rem;width:10px}.timeline-content{border-radius:8px;padding:1.2rem;transition:transform .3s ease}.timeline-content:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-8px)}.timeline-content h3{font-size:17px;font-weight:600;margin-bottom:.2rem}.timeline-content .company{color:#444;display:block;font-weight:500;margin-bottom:.2rem}.timeline-content .duration{color:#888;display:block;font-size:.9rem;margin-bottom:.5rem}.timeline-content p{color:#555;font-size:.9rem;line-height:1.5}@media screen and (max-width:768px){.timeline-columns{gap:4rem;grid-template-columns:1fr}.timeline-line{left:.8rem}.timeline-item{padding-left:2rem}}@media screen and (max-width:430px){.timeline-container{justify-content:flex-start;padding:2.4rem 1.2rem}.timeline-column{text-align:left}.timeline-columns .timeline-column .timeline-heading{font-size:1.4rem;margin-left:2rem}.timeline-item .timeline-content{margin-left:-1.4rem;text-align:left;width:95%}.tc2{margin-top:-1.6rem}.timeline-title{font-size:1.8rem}.timeline-heading{font-size:1.4rem}.timeline-content p{font-size:.9rem}}.skills-block{grid-gap:4rem;align-items:center;background:#eee;display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding:4rem 6rem}.skills-block-left h1{font-size:2.4rem;font-weight:700;margin-bottom:1rem}.skills-block-left p{color:#444;line-height:1.7;margin-bottom:2rem}.skills-block-highlight{color:#f95f21}.skills-block-tabs{display:flex;gap:1rem}.skills-block-tab-btn{background:#0000;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .3s}.skills-block-tab-btn.active{background:#f95f21;border:none;color:#fff}.skills-block-right{width:100%}.skills-block-bars{display:flex;flex-direction:column;gap:1.2rem}.skills-block-bar-container{gap:.8rem}.skills-block-bar-container,.skills-block-icon-wrapper{align-items:center;display:flex;position:relative}.skills-tooltip{background:#333;border-radius:4px;color:#fff;font-size:.75rem;left:50%;padding:4px 8px;pointer-events:none;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.skills-block-icon-inline{filter:grayscale(30%);height:24px;object-fit:contain;transition:transform .3s,filter .3s;width:24px}.skills-block-icon-inline:hover{filter:grayscale(0);transform:scale(1.1)}.skills-block-bar-wrapper{background:#ddd;border-radius:5px;overflow:hidden;width:100%}.skills-block-bar{background:#f95f21;border-radius:5px;height:3px}@media screen and (max-width:768px){.skills-block{gap:2rem;grid-template-columns:1fr;margin-top:0;text-align:center}.skills-block-tabs{justify-content:center}}@media screen and (max-width:430px){.skills-block{gap:4rem;grid-template-columns:1fr;margin-top:-1rem;padding:2rem 2rem 4rem;text-align:left}.skills-block-tabs{justify-content:space-between}.skills-block-tab-btn{border:.5px solid;color:#000}.skills-block-left h1{font-size:1.4rem;margin-bottom:3rem}}.projects-section.seamless{align-items:center;background:#eee;display:flex;flex-direction:column;padding:4rem 2rem}.projects-title{color:#222;font-size:2.4rem;font-weight:700;margin-bottom:3rem;text-align:center}.projects-list{display:flex;flex-direction:column;gap:5rem;max-width:1200px;width:100%}.project-row{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.project-row.row-right .project-image-placeholder{order:2}.project-row.row-right .project-content{order:1}.image-placeholder,.project-image-placeholder{align-items:center;display:flex;justify-content:center}.image-placeholder{border-radius:10px;color:#888;font-size:1.1rem;font-weight:500;height:300px;width:100%}.project-image-placeholder img{height:44rem;margin-top:22rem;width:auto}.project-image-placeholder .taskify-img{height:28rem;margin:0;width:auto}.project-image-placeholder .buna-img{height:25rem;margin:0;width:auto}.project-content h2{color:#f95f21;font-size:1.6rem;font-weight:600;margin-bottom:1rem}.project-content p{color:#444;font-size:1rem;line-height:1.6;margin-bottom:1rem}.tag-container{display:flex;gap:.6rem;margin-bottom:1rem}.tag{background:#f1f1f1;border-radius:20px;color:#444;font-size:.8rem;font-weight:500;padding:.3rem .7rem}.project-content a{color:#333;font-weight:500;text-decoration:none;transition:color .3s ease}.project-content a:hover{color:#f95f21}@media screen and (max-width:900px){.project-row{grid-template-columns:1fr}.project-image-placeholder{order:1!important}.project-content{order:2!important;text-align:center}.tag-container{justify-content:center}}@media screen and (max-width:430px){.projects-title{color:#f95f21;font-size:1.4rem}.project-row{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-content{padding:0 .6rem;text-align:left}.project-image-placeholder{margin-bottom:-1rem;margin-top:-2rem;width:100%}.project-image-placeholder .taskify-img{height:20rem;margin:4rem 0 0;width:auto}.project-image-placeholder .buna-img{height:21rem;margin:4rem 0 0;width:auto}.project-content h2{font-size:1.3rem}.project-content p{lign-hight:1rem;font-size:.96rem}.project-content a{color:#000;font-size:.8rem;font-weight:600}.project-image-placeholder img{height:32rem;margin-top:12rem;width:auto}}.contact-section{align-items:center;background:#f8f9fc;display:flex;flex-direction:column;min-height:100vh;padding:4rem 2rem 0}.title-container{margin-bottom:3rem;max-width:700px;text-align:center}.contact-title{color:#222;font-size:2rem;font-weight:700;margin-bottom:1rem}.title-container p{color:#444;font-size:1rem;line-height:1.6}.form-container{background:#fff;border-radius:14px;box-shadow:0 8px 18px #0000000d;display:flex;flex-direction:column;gap:1.2rem;max-width:600px;padding:2.5rem 2rem;width:100%}.form-container h1{color:#f95f21;font-size:1.4rem;font-weight:500;margin-bottom:.5rem}.input-container{display:flex;flex-wrap:wrap;gap:1rem}.input-container input{flex:1 1;height:2.8rem;padding:0 .8rem}.input-container input,textarea{background:#fafafa;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:all .3s ease}textarea{height:7rem;padding:.8rem;resize:none}input:focus,textarea:focus{border-color:#f95f21;outline:none}.button-container{display:flex;justify-content:flex-end}.button-container button{background:#f95f21;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:background .3s ease}.button-container button:hover{background:#d14f12;cursor:pointer}@media screen and (max-width:768px){.contact-title{font-size:1.8rem}.form-container{padding:2rem 1.5rem}}@media screen and (max-width:430px){.contact-section{margin-bottom:-.5rem;padding:2.2rem 1rem}.title-container{padding:0 1rem;text-align:left}.form-container{border-radius:10px;padding:0 1rem}.contact-title{font-size:1.5rem;padding-bottom:1rem}.form-container .contact-heading{font-size:1.2rem;margin-bottom:2.4rem;padding-top:1rem;text-align:left}.button-container{padding-bottom:2.4rem;padding-top:2.4rem}}.App{text-align:center}body{background-color:initial;margin:0;min-height:100vh;padding:0}.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.cf343fed.css.map*/