:root{--color-background:#191919;--color-link:#999;--color-link-hover:whitesmoke;--color-text:whitesmoke;--font-raleway:"Raleway",serif;--font-lato:"Lato",sans-serif;--color-sticky-border:#111;--row-background:#2c2c2c;--menu-background:whitesmoke;--icon-color:#111;--icon-color-hover:#0add08;--color-alt-bg:#3a3a3a}[data-theme=light]{--color-text:#343434;--color-link:#666;--color-link-hover:black;--row-background:#c8c8c8;--menu-background:#111;--icon-color:#eee;--icon-color-hover:#0add08;--color-background:whitesmoke;--color-alt-bg:#ababab}body{font-family:var(--font-lato);margin:0;background-color:var(--color-background);transition:background-color .5s ease,color .5s ease;color:var(--color-text);padding:0 0 3rem}a{transition:all .25s ease-in-out;text-decoration:underline}a,a:visited{color:var(--color-link)}a:hover{color:var(--color-link-hover)}a:focus,a:hover{text-decoration:none}a:focus{color:var(--color-link);outline:none}h1,h2,h3,h4,h5{font-size:3.125rem;letter-spacing:2px;font-weight:800;font-family:var(--font-raleway)}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.875rem}h5{font-size:2rem}h6{font-size:1.125rem}p{font-family:var(--font-lato);line-height:1.7em;font-size:1.5rem;color:var(--color-text)}ul.nop{padding-inline-start:0}.nplr{padding-left:0;padding-right:0}.nom{margin:0}.theme-toggle{position:fixed;top:20px;left:0;padding:5px 10px 5px 20px;z-index:1000;font-size:2rem;cursor:pointer;transition:color .3s ease;background-color:var(--menu-background)}.theme-toggle,.theme-toggle a{color:var(--icon-color)}.theme-toggle a:hover{color:var(--icon-color-hover)}.sticky-border{position:fixed;background:var(--color-sticky-border);z-index:999}.sb-left,.sb-right{height:100%;width:10px}.sb-bottom,.sb-top{width:100%;height:10px}.sb-left{left:0}.sb-right{right:0}.sb-top{top:0}.sb-bottom{bottom:0}.section-title{text-align:left}.section-title h6{font-family:var(--font-raleway);text-transform:uppercase;font-size:2rem;font-weight:800}.main-intro{text-align:center;background:var(--color-background);background-position:50%;background-size:cover;height:98svh;overflow:hidden}.intro-caption{position:absolute;bottom:2svh;right:1em;background-color:var(--color-background);opacity:.5;color:var(--color-text);padding:3px;font-family:var(--font-raleway);font-size:.9rem;border-top-left-radius:5px}.main-content{padding-top:10%;text-align:center}.main-content h1{font-family:var(--font-raleway);color:var(--color-text);font-size:6rem;letter-spacing:2px;font-weight:800;line-height:1.2}.main-content h3{text-transform:uppercase;font-size:2rem;font-weight:400}.magazine-style{column-count:2;column-gap:2em;column-fill:balance;overflow:visible}.magazine-style p{display:inline-block;position:relative;break-inside:avoid;margin-bottom:2em}@media (max-width:768px){.magazine-style{column-count:1;padding-left:2em;padding-right:2em}.main-intro{background:#fff;background-position:50%;background-size:cover;height:100vh}.section-title{text-align:center}.sosmed{align-items:center;justify-content:center}}#page-resume{padding-top:1rem;padding-bottom:2rem;background-color:var(--color-alt-bg)}.sosmed{gap:1.5em;margin-top:1em;min-width:100%}.sosmed,.sosmed-item{display:-webkit-flex;display:flex}.sosmed-item{flex-direction:column;align-items:center;text-align:center;overflow:visible;min-height:100px}.sosmed-item p{margin-top:.5em;font-size:1rem}.sosmed a,.sosmed-item p{color:var(--menu-background)}.sosmed a{font-size:1.5rem;transition:color .25s ease-in-out;display:inline-block}.sosmed a:hover{color:var(--color-link)}#page-reels{padding-top:5rem;margin-bottom:1rem;margin-top:10rem}.caraousel-wrapper{width:100%;padding:2em 0;display:flex;justify-content:center;align-items:center;background-color:var(--color-alt-bg)}#page-about,#page-projects,#page-publication{padding-top:5rem;background-color:var(--color-background);color:var(--color-text)}.about-iconbox h6{text-transform:uppercase;font-size:.75rem;font-weight:600;margin-top:0}.about-iconbox{text-align:center;padding:10px 0}.about-iconbox .icon{font-size:3.125rem}.about-info{padding-bottom:20px;flex-wrap:wrap}.left-col h3{font-family:var(--font-raleway);font-weight:500;text-align:center;font-size:2.8125rem;line-height:1.2}.right-col{flex:0 0 75%;max-width:100%;min-height:auto}.profile-picture-container{display:flex;justify-content:flex-end;padding-top:0}.profile-picture{margin-top:1vw;border-radius:50%;width:150px;height:150px;border:5px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,.1);object-fit:cover}@media (max-width:768px){.profile-picture-container{margin-top:10px;justify-content:center}.right-col h6{text-align:center}}.tech-stack{display:flex;flex-wrap:wrap;align-items:center;margin-top:1em;margin-bottom:1em}.tech-pill{display:inline-block;padding:.3em .6em;background-color:#444;color:#fff;border-radius:12px;font-size:1.25rem;font-weight:500;transition:background-color .3s ease;margin-top:.3em;gap:.3em}.tech-pill:hover{background-color:#555}.inline-icon{display:inline;vertical-align:middle;font-size:inherit;height:1.5em;padding-right:.5em}.projects-list{display:flex;flex-direction:column;gap:2em}.project-row{display:flex;flex-direction:row;align-items:flex-start;gap:1em}.project-image{flex:0 0 23%;background-size:cover;background-position:50%;width:100%;height:200px;border-radius:8px;border:3px solid;border-color:var(--row-background)}.project-content{flex:0.9;background-color:var(--row-background);padding:1em;border-radius:8px;color:var(--color-text);font-size:1.25rem}.project-content h5{font-family:var(--font-lato);letter-spacing:0;font-size:1.75rem;margin-bottom:.5em;color:var(--color-text)}.project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:1em}.inline-icon{font-size:1.2rem;color:var(--color-link);transition:color .25s ease-in-out}.inline-icon:hover{color:var(--color-link-hover)}@media (max-width:768px){.project-row{flex-direction:column;gap:0;padding:0 1em}.project-content{border:2px solid #797979;border-top:none;width:100%;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.project-image{flex:none;width:100%;height:100px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;border:2px solid #797979;border-bottom:none}}.project-description{text-align:justify;border-bottom:1px dashed #676767;padding:1em 0 1.5em}.project-description p{line-height:1.4;font-size:1.4rem}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cce080f35d014443-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4de1fea1a954a5b6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/39969fcf98a3026e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6d664cce900333ee-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato Fallback;src:local("Arial");ascent-override:101.03%;descent-override:21.80%;line-gap-override:0.00%;size-adjust:97.69%}.__className_47a102{font-family:Lato,Lato Fallback;font-style:normal}.__variable_47a102{--font-lato:"Lato","Lato Fallback"}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/200388358b398524-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6e67fad4fa881005-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/10dadb2e82d03733-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/95d1875af7c44e92-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/630c17af355fa44e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/200388358b398524-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6e67fad4fa881005-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/10dadb2e82d03733-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/95d1875af7c44e92-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/630c17af355fa44e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Raleway Fallback;src:local("Arial");ascent-override:90.51%;descent-override:22.53%;line-gap-override:0.00%;size-adjust:103.86%}.__className_d74c34{font-family:Raleway,Raleway Fallback;font-style:normal}.__variable_d74c34{--font-raleway:"Raleway","Raleway Fallback"}