: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);background-color:var(--color-background);color:var(--color-text);margin:0;padding:0 0 3rem;transition:background-color .5s,color .5s}a{color:var(--color-link);text-decoration:underline;transition:all .25s ease-in-out}a:visited{color:var(--color-link)}a:hover{color:var(--color-link-hover);text-decoration:none}a:focus{color:var(--color-link);outline:none;text-decoration:none}h1,h2,h3,h4,h5,h1{letter-spacing:2px;font-size:3.125rem;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);color:var(--color-text);font-size:1.5rem;line-height:1.7em}ul.nop{padding-inline-start:0}.nplr{padding-left:0;padding-right:0}.nom{margin:0}.theme-toggle{z-index:1000;cursor:pointer;color:var(--icon-color);background-color:var(--menu-background);padding:5px 10px 5px 20px;font-size:2rem;transition:color .3s;position:fixed;top:20px;left:0}.theme-toggle a{color:var(--icon-color)}.theme-toggle a:hover{color:var(--icon-color-hover)}.sticky-border{background:var(--color-sticky-border);z-index:999;position:fixed}.sb-left,.sb-right{width:10px;height:100%}.sb-top,.sb-bottom{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{background-color:var(--color-background);opacity:.5;color:var(--color-text);font-family:var(--font-raleway);border-top-left-radius:5px;padding:3px;font-size:.9rem;position:absolute;bottom:2svh;right:1em}.main-content{text-align:center;padding-top:10%}.main-content h1{font-family:var(--font-raleway);color:var(--color-text);letter-spacing:2px;font-size:6rem;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-fill:balance;column-gap:2em;overflow:visible}.magazine-style p{break-inside:avoid;margin-bottom:2em;display:inline-block;position:relative}@media (max-width:768px){.magazine-style{column-count:1;padding-left:2em;padding-right:2em}.main-intro{background:#fff 50%/cover;height:100vh}.section-title{text-align:center}.sosmed{justify-content:center;align-items:center}}#page-resume{background-color:var(--color-alt-bg);padding-top:1rem;padding-bottom:2rem}.sosmed{gap:1.5em;min-width:100%;margin-top:1em;display:flex}.sosmed-item{text-align:center;flex-direction:column;align-items:center;min-height:100px;display:flex;overflow:visible}.sosmed-item p{color:var(--menu-background);margin-top:.5em;font-size:1rem}.sosmed a{color:var(--menu-background);font-size:1.5rem;transition:color .25s ease-in-out;display:inline-block}.sosmed a:hover{color:var(--color-link)}#page-reels{margin-top:10rem;margin-bottom:1rem;padding-top:5rem}.caraousel-wrapper{background-color:var(--color-alt-bg);justify-content:center;align-items:center;width:100%;padding:2em 0;display:flex}#page-publication,#page-projects,#page-about{background-color:var(--color-background);color:var(--color-text);padding-top:5rem}.about-iconbox h6{text-transform:uppercase;margin-top:0;font-size:.75rem;font-weight:600}.about-iconbox{text-align:center;padding:10px 0}.about-iconbox .icon{font-size:3.125rem}.about-info{flex-wrap:wrap;padding-bottom:20px}.left-col h3{font-family:var(--font-raleway);text-align:center;font-size:2.8125rem;font-weight:500;line-height:1.2}.right-col{flex:0 0 75%;max-width:100%;min-height:auto}.profile-picture-container{justify-content:flex-end;padding-top:0;display:flex}.profile-picture{object-fit:cover;border:5px solid #ddd;border-radius:50%;width:150px;height:150px;margin-top:1vw;box-shadow:0 4px 8px #0000001a}@media (max-width:768px){.profile-picture-container{justify-content:center;margin-top:10px}.right-col h6{text-align:center}}.tech-stack{flex-wrap:wrap;align-items:center;margin-top:1em;margin-bottom:1em;display:flex}.tech-pill{color:#fff;background-color:#444;border-radius:12px;gap:.3em;margin-top:.3em;padding:.3em .6em;font-size:1.25rem;font-weight:500;transition:background-color .3s;display:inline-block}.tech-pill:hover{background-color:#555}.inline-icon{vertical-align:middle;font-size:inherit;height:1.5em;padding-right:.5em;display:inline}.projects-list{flex-direction:column;gap:2em;display:flex}.project-row{flex-direction:row;align-items:flex-start;gap:1em;display:flex}.project-image{border:3px solid;border-color:var(--row-background);background-position:50%;background-size:cover;border-radius:8px;flex:0 0 23%;width:100%;height:200px}.project-content{background-color:var(--row-background);color:var(--color-text);border-radius:8px;flex:.9;padding:1em;font-size:1.25rem}.project-content h5{font-family:var(--font-lato);letter-spacing:0;color:var(--color-text);margin-bottom:.5em;font-size:1.75rem}.project-links{flex-wrap:wrap;gap:10px;margin-top:1em;display:flex}.inline-icon{color:var(--color-link);font-size:1.2rem;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;border-radius:0 0 8px 8px;width:100%}.project-image{border:2px solid #797979;border-bottom:none;border-radius:8px 8px 0 0;flex:none;width:100%;height:100px}}.project-description{text-align:justify;border-bottom:1px dashed #676767;padding:1em 0 1.5em}.project-description p{font-size:1.4rem;line-height:1.4}
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b529365fa126a3f2-s.1yo2pz3g4u6be.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/8e451580e5e95631-s.p.0ic9f6t6i9npx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(../media/d74bdd14d6019bc6-s.3wo4ln4ldr9c9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/345c85a432359eed-s.p.24jxsbewvqxgy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.8%;line-gap-override:0.0%;size-adjust:97.69%}.lato_1a86c0ae-module__mfF6kG__className{font-family:Lato,Lato Fallback;font-style:normal}.lato_1a86c0ae-module__mfF6kG__variable{--font-lato:"Lato", "Lato Fallback"}
@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(../media/198d17f2fc7b7e24-s.08m__0qttsjwy.woff2)format("woff2");unicode-range:U+460-52F,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(../media/bb835a708696869b-s.3prx-r-zugqyw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c7c54d92ecafd95-s.2ul13i_kpbu32.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4b825e536f0add60-s.40xx_hee_9tzo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/c825fd02acae0153-s.p.2nh923zyv9e2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(../media/198d17f2fc7b7e24-s.08m__0qttsjwy.woff2)format("woff2");unicode-range:U+460-52F,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(../media/bb835a708696869b-s.3prx-r-zugqyw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(../media/6c7c54d92ecafd95-s.2ul13i_kpbu32.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(../media/4b825e536f0add60-s.40xx_hee_9tzo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/c825fd02acae0153-s.p.2nh923zyv9e2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.0%;size-adjust:103.86%}.raleway_b63cbadb-module__86flvq__className{font-family:Raleway,Raleway Fallback;font-style:normal}.raleway_b63cbadb-module__86flvq__variable{--font-raleway:"Raleway", "Raleway Fallback"}