.styles-module__fTeT1a__aboutContainer{background:var(--mainBg);border-radius:10px;flex-direction:column;justify-content:flex-start;width:100%;max-width:800px;height:auto;margin-top:50px;padding:60px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.styles-module__fTeT1a__profileImage{width:100px;height:100px;position:absolute;top:10px;right:10px}.styles-module__fTeT1a__profileImage img{object-fit:cover;border-radius:50%;width:100%;height:100%;box-shadow:0 4px 8px rgba(0,0,0,.2)}.styles-module__fTeT1a__aboutContent{text-align:left;margin-top:30px;position:relative}@media (min-width:768px){.styles-module__fTeT1a__aboutContainer{height:auto;padding:20px 10px}.styles-module__fTeT1a__profileImage{width:80px;height:80px}}
.DigitBg-module__atl72G__digitBackground{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.DigitBg-module__atl72G__image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}
.styles-module__dHGNSW__heroSection{width:100%;height:10rem;transform:translateY(calc(var(--scroll-speed,.5)*var(--scroll-pos,0)));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;padding-top:10px;padding-bottom:25px;font-size:.9rem;font-weight:700;transition:transform .2s ease-out;display:flex;position:relative;overflow:hidden}.styles-module__dHGNSW__wordWrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;font-size:.75rem;display:flex;position:relative;overflow:hidden}.styles-module__dHGNSW__mainTitle{color:#847d9b;justify-content:flex-start;width:80%;height:100%;font-size:1.1rem}.styles-module__dHGNSW__word{white-space:nowrap;opacity:0;color:var(--highlight);transition:opacity 1s ease-in-out,transform 1s ease-in-out;position:absolute;transform:translate(-100%)scale(.8)}.styles-module__dHGNSW__word.styles-module__dHGNSW__show{opacity:1;transform:translate(0)scale(1)}.styles-module__dHGNSW__word.styles-module__dHGNSW__hide{opacity:0;transform:translate(100%)scale(.5)}
.styles-module__KwS7ca__heroSection{background:linear-gradient(120deg,#f5f7fa,#c3cfe2);justify-content:space-between;align-items:center;height:20rem;padding:.7rem;display:flex;position:relative;top:5px}.styles-module__KwS7ca__container{max-width:600px;margin:0 auto}.styles-module__KwS7ca__title{color:#333;margin-bottom:1rem;font-size:1rem;font-weight:700}.styles-module__KwS7ca__description{color:#555;margin-bottom:1.5rem;font-size:.8rem}.styles-module__KwS7ca__ctaButton{color:#fff;cursor:pointer;background-color:#0070f3;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s,box-shadow .2s;display:inline-flex;position:absolute;bottom:20px;right:40px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.styles-module__KwS7ca__ctaButton:hover,.styles-module__KwS7ca__ctaButton:focus{background-color:#005bb5;outline:none;transform:scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,.15)}.styles-module__KwS7ca__ctaButton:active{transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}@media (min-width:768px){.styles-module__KwS7ca__heroSection{height:60vh;padding:3rem}.styles-module__KwS7ca__title{font-size:1.5rem}.styles-module__KwS7ca__description{font-size:1rem}.styles-module__KwS7ca__ctaButton{padding:1rem 2rem;font-size:1.2rem;bottom:30px;right:50px}}@media (max-width:480px){.styles-module__KwS7ca__ctaButton{padding:.6rem 1rem;font-size:.9rem;bottom:10px;right:10px}}
html,body{box-sizing:border-box;color:var(--text,#333);background:var(--bodyBg,#fff);scroll-behavior:smooth;text-rendering:optimizelegibility;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:inherit;margin:0;padding:0}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}button,input{background:0 0;border:0;outline:none}textarea{resize:none}body{z-index:var(--z-body);overscroll-behavior:none}
:root.theme-dark{--LinkedinW:#fff;--LinkedinB:#0077b5;--LineB:#00c300;--LineW:#fff;--WhatsAppStroke:#28f874;--WhatsAppFill:#20bd35;--bodyBg:repeating-linear-gradient(45deg,rgba(97,97,97,.1) 0px,rgba(97,97,97,.1) 2px,transparent 2px,transparent 4px),linear-gradient(90deg,#2b2b2b,#2b2b2b);--mainBg:linear-gradient(170deg,#a9bcf5,#89abe3,#6d82d1,#5359bf,#3a30a8);--text:#e0e0e0;--text-light:#bbb;--highlight:#00c6ff;--secondaryColor:#ff8c42;--hoverBg:#252525;--success:#1db954;--error:#ff4c4c;--warning:#ffb74d;--info:#29b6f6;--layoutBg:linear-gradient(135deg,#1c2833 0%,#34495e 50%,#0c4583 100%);--layoutSupBg:#7cde95;--cardBg:linear-gradient(60deg,#102e30,#1d6d60);--cardTxt:#e0e0e0;--level-0-bg:#1a1a1a;--level-1-bg:#2a2a2a;--level-2-bg:#3a3a3a;--level-3-bg:#4a4a4a;--level-4-bg:#5a5a5a;--level-5-bg:#6a6a6a;--box-shadow-sm:0 2px 4px rgba(0,0,0,.1);--box-shadow-md:0 4px 6px rgba(0,0,0,.15);--box-shadow-lg:0 8px 12px rgba(0,0,0,.2);--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--navbar-bg-gradient-start:#1a1a1a;--navbar-bg-gradient-mid1:#2c3e50;--navbar-bg-gradient-mid2:#34495e;--navbar-bg-gradient-mid3:#3b5998;--navbar-bg-gradient-end:#22313f;--navbar-shadow-outer:rgba(0,0,0,.5);--navbar-shadow-inner:rgba(255,255,255,.2);--navbar-gradient:linear-gradient(135deg,var(--navbar-bg-gradient-start),var(--navbar-bg-gradient-mid1),var(--navbar-bg-gradient-mid2),var(--navbar-bg-gradient-mid3),var(--navbar-bg-gradient-end));--mainBgStart:#1b2735;--mainBgEnd:#090a0f;--shootingStarColorStart:#5f91ff;--shootingStarColorEnd:rgba(0,0,255,0);--starShineStart:rgba(0,0,255,0);--starShineMiddle:#5f91ff;--starShineEnd:rgba(0,0,255,0)}
:root.theme-light{--LinkedinW:#0077b5;--LinkedinB:#fff;--LineB:#fff;--LineW:#00c300;--WhatsAppFill:#128c7e;--WhatsAppStroke:#25d366;--bodyBg:repeating-linear-gradient(45deg,rgba(194,194,194,.1) 0px,rgba(194,194,194,.1) 2px,transparent 2px,transparent 4px),linear-gradient(90deg,#fff,#fff,#fff);--mainBg:linear-gradient(150deg,#4ecdc4,teal);--text:#333;--text-light:#f9f5eb;--highlight:#79ffff;--secondaryColor:#f3923d;--hoverBg:#9e6c00;--success:#28a745;--error:#dc3545;--warning:#ffc107;--info:#17a2b8;--layoutBg:linear-gradient(210deg,#93bf9f,#558b79,#39695e);--layoutSupBg:#7cc2de;--cardBg:linear-gradient(320deg,#7450a3,#719683);--cardTxt:#242a58;--level-0-bg:#e3f2fd;--level-1-bg:#bbdefb;--level-2-bg:#90caf9;--level-3-bg:#64b5f6;--level-4-bg:#42a5f5;--level-5-bg:#2196f3;--box-shadow-sm:0 2px 4px rgba(0,0,0,.1);--box-shadow-md:0 4px 6px rgba(0,0,0,.15);--box-shadow-lg:0 8px 12px rgba(0,0,0,.2);--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--navbar-bg-gradient-start:#f3ffc8;--navbar-bg-gradient-mid1:#5b9280;--navbar-bg-gradient-mid2:#39867f;--navbar-bg-gradient-mid3:#427e7e;--navbar-bg-gradient-end:#ffec94;--navbar-gradient:linear-gradient(135deg,var(--navbar-bg-gradient-start),var(--navbar-bg-gradient-mid1),var(--navbar-bg-gradient-mid2),var(--navbar-bg-gradient-mid3),var(--navbar-bg-gradient-end));--navbar-shadow-outer:rgba(165,255,57,.3);--navbar-shadow-inner:rgba(92,255,247,.7);--mainBgStart:#fffeea;--mainBgEnd:#397e86;--shootingStarColorStart:#90ee90;--shootingStarColorEnd:rgba(144,238,144,0);--starShineStart:rgba(255,182,193,0);--starShineMiddle:#9370db;--starShineEnd:rgba(255,182,193,0)}
:root{--shooting-time:3s;--font-family:"Roboto",sans-serif;--font-size-xxs:.75rem;--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--line-height:1.5;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:700;--z-body:0;--z-main:30;--z-div:100;--z-aside:150;--z-header:200;--z-nav:300;--z-modal:500;--z-notif:800;--z-top:999;--z-max:1000;--gap-1:.25rem;--gap-2:.5rem;--gap-3:.75rem;--gap-4:1rem;--gap-6:1.5rem;--gap-8:2rem;--gap-10:2.5rem;--gap-12:3rem;--offset-50:50%;--offset-100:100%;--offset--50:-50%;--offset-1rem:1rem;--offset-10px:10px;--transform-scale:scale(1);--transform-scale-up:scale(1.1);--transform-scale-down:scale(.9);--transform-translate:translate(0,0);--transform-rotate:rotate(0deg);--transition-duration:.3s;--transition-fast:.1s;--transition-slow:.5s;--transition-ease:ease-in-out;--transition-linear:linear}
main{background-image:var(--bodyBg);min-height:100vh;z-index:var(--z-main);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0 auto}nav,aside{scrollbar-width:none;overflow-y:scroll}footer{background:var(--layoutBg);text-align:center;padding:1.25rem}h1,h2,h3,h4,h5,h6{text-align:center;margin:.3125rem auto}ul{list-style:none}li{margin-top:.7rem}img{margin:auto}button{color:inherit;font:inherit;outline:inherit;background:0 0;border:none;padding:0}button,svg,a{cursor:pointer;color:inherit;line-height:1.6;text-decoration:none;transition:color .3s}a:hover{color:var(--highlight)}p{font-family:sans-serif;font-size:1rem}
.chrome{color:transparent;background-image:linear-gradient(#378dbc 0%,#b6e8f1 46%,#fff 50%,#32120e 54%,#ffc488 58%,#582c11 90%,#ec9b4e 100%);-webkit-background-clip:text;background-clip:text;margin:0;padding:2px;font-family:Titillium Web,sans-serif;font-style:italic;line-height:1}.chrome:before{content:"Anton Yohan";color:transparent;white-space:nowrap;font-size:inherit;background-image:linear-gradient(-40deg,transparent 0%,transparent 40%,#fff 50%,transparent 60%,transparent 100%);background-position:-1000px 0;-webkit-background-clip:text;background-clip:text;padding:2px;line-height:1;animation:13s linear infinite chromeEffect;position:absolute;top:0;left:50%;transform:translate(-50%)}.img-wrap{width:100%;max-width:100%;height:auto;position:relative;overflow:hidden}.img{object-fit:cover;border-radius:15px;width:100%;height:auto;margin:0 auto;display:flex;position:relative}.imgContainer{width:100%;height:100%;position:relative}.svgIcon{width:24px;height:24px;fill:var(--text)}.svgInfo{fill:var(--text);stroke:var(--text)}
.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.items-normal{align-items:normal}
.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-normal{justify-content:normal}
.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-flow-row{flex-flow:wrap}.flex-flow-row-reverse{flex-flow:row-reverse wrap}.flex-flow-column{flex-flow:column wrap}.flex-flow-column-reverse{flex-flow:column-reverse wrap}.flex-flow-nowrap{flex-flow:row}
.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;bottom:0;left:0;right:0}.inset-inline-start-0:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.inset-inline-start-0:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.inset-inline-start-0:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.inset-inline-start-0:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.inset-inline-start-0:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.inset-inline-start-0:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.inset-inline-end-0:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.inset-inline-end-0:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.inset-inline-end-0:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.inset-inline-end-0:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.inset-inline-end-0:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.inset-inline-end-0:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.inset-block-start-0{top:0}.inset-block-end-0{bottom:0}.position-top-0{position:absolute;top:0}.position-bottom-0{position:absolute;bottom:0}.position-full{position:absolute;top:0;bottom:0;left:0;right:0}
.top-0{top:0}.top-50{top:var(--offset-50)}.top-100{top:var(--offset-100)}.top--50{top:var(--offset--50)}.top-1rem{top:var(--offset-1rem)}.right-0{right:0}.right-50{right:var(--offset-50)}.right-100{right:var(--offset-100)}.right--50{right:var(--offset--50)}.right-10px{right:var(--offset-10px)}.bottom-0{bottom:0}.bottom-50{bottom:var(--offset-50)}.bottom-100{bottom:var(--offset-100)}.bottom--50{bottom:var(--offset--50)}.bottom-1rem{bottom:var(--offset-1rem)}.left-0{left:0}.left-50{left:var(--offset-50)}.left-100{left:var(--offset-100)}.left--50{left:var(--offset--50)}.left-10px{left:var(--offset-10px)}.inset-0{top:0;bottom:0;left:0;right:0}.inset-50{inset:var(--offset-50)}.inset--50{inset:var(--offset--50)}.inset-1rem{inset:var(--offset-1rem)}.top-right-0{top:0;right:0}.top-right-50{top:var(--offset-50);right:var(--offset-50)}.top-right--50{top:var(--offset--50);right:var(--offset--50)}.bottom-right-0{bottom:0;right:0}.bottom-right-50{bottom:var(--offset-50);right:var(--offset-50)}.bottom-right--50{bottom:var(--offset--50);right:var(--offset--50)}.bottom-left-0{bottom:0;left:0}.bottom-left-50{bottom:var(--offset-50);left:var(--offset-50)}.bottom-left--50{bottom:var(--offset--50);left:var(--offset--50)}.top-left-0{top:0;left:0}.top-left-50{top:var(--offset-50);left:var(--offset-50)}.top-left--50{top:var(--offset--50);left:var(--offset--50)}
.z-body{z-index:var(--z-body)}.z-main{z-index:var(--z-main)}.z-div{z-index:var(--z-div)}.z-aside{z-index:var(--z-aside)}.z-header{z-index:var(--z-header)}.z-nav{z-index:var(--z-nav)}.z-modal{z-index:var(--z-modal)}.z-notif{z-index:var(--z-notif)}.z-top{z-index:var(--z-top)}.z-max{z-index:var(--z-max)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.z-500{z-index:500}.z-1000{z-index:1000}.z-auto{z-index:auto}
.float-left{float:left}.float-right{float:right}.float-none{float:none}.float-start{float:inline-start}.float-end{float:inline-end}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.clearfix:after{content:"";clear:both;display:table}.overflow-auto{overflow:auto}
.gap-0{gap:0}.gap-1{gap:var(--gap-1)}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-6{gap:var(--gap-6)}.gap-8{gap:var(--gap-8)}.gap-10{gap:var(--gap-10)}.gap-12{gap:var(--gap-12)}.row-gap-0{row-gap:0}.row-gap-4{row-gap:var(--gap-4)}.row-gap-8{row-gap:var(--gap-8)}.column-gap-0{column-gap:0}.column-gap-4{column-gap:var(--gap-4)}.column-gap-8{column-gap:var(--gap-8)}
.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:2rem}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-4{margin-left:1.5rem}.ml-5{margin-left:2rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-4{margin-right:1.5rem}.mr-5{margin-right:2rem}.mr-auto{margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:1rem;margin-right:1rem}.mx-4{margin-left:1.5rem;margin-right:1.5rem}.mx-5{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-center{margin:0 auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:1rem;margin-bottom:1rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-5{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.my-center{margin:auto 0}
.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:1rem}.pl-4{padding-left:1.5rem}.pl-5{padding-left:2rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:1rem}.pr-4{padding-right:1.5rem}.pr-5{padding-right:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.px-5{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:2rem;padding-bottom:2rem}
.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-flex-column{flex-direction:column;display:flex}.d-flex-row{flex-direction:row;display:flex}.d-flex-wrap{flex-wrap:wrap;display:flex}.d-flex-nowrap{flex-wrap:nowrap;display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.d-table{display:table}.d-table-row{display:table-row}.d-table-cell{display:table-cell}.d-contents{display:contents}.d-list-item{display:list-item}.d-initial{display:initial}.d-inherit{display:inherit}
.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}.flow-root{display:flow-root}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.text-match-parent{text-align:match-parent}
.w-30{width:30%}.w-50{width:50%}.w-70{width:70%}.w-100{width:100%}.h-30{height:30%}.h-50{height:50%}.h-70{height:70%}.h-100{height:100%}.vw-30{width:30vw}.vw-50{width:50vw}.vw-70{width:70vw}.vw-100{width:100vw}.vh-30{height:30vh}.vh-50{height:50vh}.vh-70{height:70vh}.vh-100{height:100vh}.max-w-full{max-width:100%}.max-h-full{max-height:100%}

.header{background:radial-gradient(ellipse at bottom,var(--mainBgStart)0%,var(--mainBgEnd)100%);width:100%;height:3rem;z-index:var(--z-header);display:flex;position:relative;overflow:hidden}.header_title{margin:auto;font-size:max(.5rem,min(4vw,1rem))}.hero_section{width:100%;height:10rem;transform:translateY(calc(var(--scroll-speed,.5)*var(--scroll-pos,0)));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;padding-top:10px;padding-bottom:25px;font-size:.9rem;font-weight:700;transition:transform .2s ease-out;display:flex;position:relative;overflow:hidden}.wordWrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;font-size:.75rem;display:flex;position:relative;overflow:hidden}.main_title{color:#847d9b;justify-content:flex-start;width:80%;height:100%;font-size:1.1rem}.section_title{margin-bottom:1.3rem;font-size:1rem}.section_description{color:var(--text);font-size:.8rem;line-height:1.3}
@media (min-width:320px){.header_title{font-size:max(1rem,min(2.5vw,1.2rem))}.hero_section{height:11rem;padding-top:20px;padding-bottom:30px}.main_title{font-size:1.4rem}.wordWrapper{font-size:1rem}.section_title{font-size:1.2rem}}
@media (min-width:480px){.hero_section{height:12rem}.main_title{font-size:1.8rem}.wordWrapper{font-size:1.2rem}.section_title{font-size:1.3rem}}
@media (min-width:768px){.header{height:4rem}.header_title{font-size:max(1.2rem,min(3vw,1.5rem))}.main_title{font-size:1.9rem}.wordWrapper{font-size:1.4rem}.section_title{margin-bottom:2.2rem;font-size:1.5rem}}
@media (min-width:1024px){.header_title{font-size:2.1rem}.main_title{font-size:2.1rem}.wordWrapper{font-size:1.6rem}.section_title{font-size:1.7rem}}
@media (min-width:1280px){.header{height:6rem}.header_title{font-size:max(1.2rem,min(3.5vw,2rem))}.main_title{font-size:2.2rem}.wordWrapper{font-size:1.7rem}.section_title{font-size:1.8rem}}
@media (min-width:1440px){.hero_section{height:13rem}.main_title{font-size:2.4rem}.wordWrapper{font-size:1.9rem}.section_title{font-size:2rem}}
@media (min-width:1920px){.hero_section{height:13rem}.main_title{font-size:2.6rem}.wordWrapper{font-size:2.1rem}.section_title{font-size:2.2rem}}
@media (min-width:2560px){.header_title{font-size:max(2rem,min(5vw,3.5rem))}.hero_section{height:14rem}.main_title{font-size:2.8rem}.wordWrapper{font-size:2.3rem}.section_title{font-size:2.4rem}}

@keyframes chromeEffect{0%{background-position:-100px 0}to{background-position:500px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounceAnimation{animation:2s infinite bounce}@keyframes rotateIn{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.rotateIn{animation:1s forwards rotateIn}@keyframes rotateOut{0%{transform:rotate(180deg)}to{transform:rotate(0)}}.rotate-out{animation:1s forwards rotateOut}@keyframes grow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.grow{animation:1s forwards grow}@keyframes shrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation:.3s ease-in-out fadeIn}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fadeOut{animation:.3s ease-in-out fadeOut}

.styles-module__QCebeq__section{text-align:center;width:80%;margin:0 auto;padding:50px 20px}.styles-module__QCebeq__devices{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.styles-module__QCebeq__device{text-align:center;flex:1;max-width:320px;padding:10px}.styles-module__QCebeq__deviceTitle{margin-bottom:10px;font-size:1.5rem;font-weight:600}.styles-module__QCebeq__screen{overflow:hidden}.styles-module__QCebeq__screen img{width:100%;height:auto;display:block}@media (max-width:768px){.styles-module__QCebeq__devices{gap:20px}.styles-module__QCebeq__device{max-width:100%}}
.styles-module__fXFhUa__section{text-align:center;width:80%;margin:0 auto;padding:50px 20px}.styles-module__fXFhUa__title{margin-bottom:30px;font-size:1.7rem;font-weight:700}.styles-module__fXFhUa__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:20px;display:grid}.styles-module__fXFhUa__skillCard{text-align:center;background:var(--cardBg);border-radius:10px;flex-direction:column;align-items:center;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 8px rgba(0,0,0,.1)}.styles-module__fXFhUa__skillCard:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.styles-module__fXFhUa__icon{width:50px;height:50px;margin-bottom:10px}@media (min-width:480px){.styles-module__fXFhUa__title{font-size:2.2rem}}@media (min-width:768px){.styles-module__fXFhUa__section{width:70%}.styles-module__fXFhUa__title{font-size:2.8rem}}@media (min-width:1200px){.styles-module__fXFhUa__section{width:50%}}
.styles-module__3iGOgG__icons{flex-wrap:wrap;justify-content:center;gap:20px;padding-top:1rem;display:flex}.styles-module__3iGOgG__iconLink{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .3s;display:flex}.styles-module__3iGOgG__iconLink:hover{transform:scale(1.1)}.styles-module__3iGOgG__icon{object-fit:contain;width:100%;height:100%}@media (min-width:480px){.styles-module__3iGOgG__iconLink{width:30px;height:30px}}@media (min-width:768px){.styles-module__3iGOgG__iconLink{width:40px;height:40px}}
.ResponsiveImage-module__nPu2hW__imageContainer{border-radius:1rem;width:100%;height:100%;position:relative;overflow:hidden}.ResponsiveImage-module__nPu2hW__image{object-fit:cover;object-position:center}
.styles-module__aAXCvW__myWork{width:80%;margin:0 auto;padding:2rem 1rem}.styles-module__aAXCvW__projectsContainer{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.styles-module__aAXCvW__projectBubble{aspect-ratio:16/9;border-radius:1rem;width:100%;max-width:300px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.styles-module__aAXCvW__projectBubble:hover,.styles-module__aAXCvW__projectBubble:focus-within{transform:scale(1.05);box-shadow:0 8px 12px rgba(0,0,0,.2)}.styles-module__aAXCvW__projectImage{object-fit:cover;width:100%;height:100%}.styles-module__aAXCvW__overlay{color:#fff;text-align:center;opacity:0;pointer-events:none;background:rgba(0,0,0,.8);flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.styles-module__aAXCvW__projectBubble:hover .styles-module__aAXCvW__overlay,.styles-module__aAXCvW__projectBubble:focus-within .styles-module__aAXCvW__overlay{opacity:1;pointer-events:auto}.styles-module__aAXCvW__projectTitle{margin-bottom:.5rem;font-size:1rem;font-weight:700}.styles-module__aAXCvW__projectDescription{color:#ddd;margin-bottom:1rem;font-size:.9rem}.styles-module__aAXCvW__visitButton{color:#fff;background-color:#0070f3;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:background-color .3s,transform .3s}.styles-module__aAXCvW__visitButton:hover{background-color:#005bb5;transform:scale(1.1)}@media (min-width:720px){.styles-module__aAXCvW__projectsContainer{gap:2rem}.styles-module__aAXCvW__projectBubble{max-width:calc(50% - 1rem)}}@media (min-width:1024px){.styles-module__aAXCvW__projectsContainer{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;display:grid}.styles-module__aAXCvW__projectBubble{max-width:100%}}