@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/poppins-latin-ext-400-normal.CIpeJEZw.woff2) format("woff2"),url(/_astro/poppins-latin-ext-400-normal.Ce_uWq1Z.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/poppins-latin-400-normal.cpxAROuN.woff2) format("woff2"),url(/_astro/poppins-latin-400-normal.BOb3E3N0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Clicker Script;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/clicker-script-latin-ext-400-normal.DSiSfB10.woff2) format("woff2"),url(/_astro/clicker-script-latin-ext-400-normal.1wnME-yp.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Clicker Script;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/clicker-script-latin-400-normal.CbwwcV4K.woff2) format("woff2"),url(/_astro/clicker-script-latin-400-normal.BowPPZX3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-black-900: #f2f2fc;--bg-black-100: #fdf9ff;--bg-black-50: #e8dfec;--text-black-900: #302e4d;--text-black-700: #504e70}body.dark{--bg-black-900: #151515;--bg-black-100: #222222;--bg-black-50: #393939;--text-black-900: #ffffff;--text-black-700: #e9e9e9}body{line-height:1.5;font-size:16px;font-family:Poppins,sans-serif}*{margin:0;padding:0;outline:none;text-decoration:none;box-sizing:border-box}:before :after{box-sizing:border-box}.section-title{padding-bottom:40px}.section-title h2{font-size:40px;color:var(--text-black-900);font-weight:700;position:relative}.section-title h2:before{content:"";height:4px;width:50px;background-color:var(--skin-color);position:absolute;top:100%;left:0}.section-title h2:after{content:"";height:4px;width:25px;background-color:var(--skin-color);position:absolute;top:100%;left:0;margin-top:8px}.btn{font-size:16px;font-weight:500;padding:12px 35px;color:#fff;border-radius:40px;display:inline-block;white-space:nowrap;border:none;background:var(--skin-color);transition:all .3s ease}.btn:hover{transform:scale(1.05)}.section{background:var(--bg-black-900);color:var(--text-black-900);min-height:100vh;display:block;padding:0 30px;opacity:1;position:fixed;inset:0 0 0 270px;z-index:0;overflow-y:auto;overflow-x:hidden;transition:all .3s ease}.section.back-section{z-index:1}.section.active{z-index:2;opacity:1;animation:slideSection 1s ease}@keyframes slideSection{0%{transform:translate(100%)}to{transform:translate(0)}}.container{max-width:1100px;width:100%;margin:auto}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;position:relative}.padd-15{padding-left:15px;padding-right:15px}.shadow-dark{box-shadow:0 0 20px #302e4d26}@media (max-width: 1199px){.section .container{padding-top:70px}.section{left:0}.section.open{left:270px}}.aside[data-astro-cid-duqfclob]{width:270px;background-color:var(--bg-black-100);position:fixed;left:0;top:0;padding:30px;height:100%;border-right:1px solid var(--bg-black-50);display:flex;justify-content:center;align-items:center;z-index:10;transition:all .3s ease}ul[data-astro-cid-duqfclob]{list-style:none}div[data-astro-cid-duqfclob]{position:absolute;top:50px;font-size:30px;text-transform:capitalize}div[data-astro-cid-duqfclob] a[data-astro-cid-duqfclob]{color:var(--text-black-900);font-weight:700;padding:15px 20px;font-size:30px;letter-spacing:5px;position:relative}div[data-astro-cid-duqfclob] a[data-astro-cid-duqfclob]:before{content:"";position:absolute;width:20px;height:20px;border-bottom:5px solid var(--skin-color);border-left:5px solid var(--skin-color);bottom:0;left:0}div[data-astro-cid-duqfclob] a[data-astro-cid-duqfclob]:after{content:"";position:absolute;width:20px;height:20px;border-top:5px solid var(--skin-color);border-right:5px solid var(--skin-color);top:0;right:0}.nav-toggler[data-astro-cid-duqfclob]{height:40px;width:45px;border:1px solid var(--bg-black-50);cursor:pointer;position:fixed;left:300px;top:20px;border-radius:5px;background:var(--bg-black-100);display:none;align-items:center;justify-content:center;transition:all .3s ease}.nav-toggler[data-astro-cid-duqfclob] span[data-astro-cid-duqfclob]{height:2px;width:18px;background:var(--skin-color);display:inline-block;position:relative}.aside[data-astro-cid-duqfclob] .nav-toggler[data-astro-cid-duqfclob].open span[data-astro-cid-duqfclob]{background-color:transparent}.nav-toggler[data-astro-cid-duqfclob] span[data-astro-cid-duqfclob]:before{content:"";height:2px;width:18px;background:var(--skin-color);position:absolute;top:-6px;left:0}.aside[data-astro-cid-duqfclob] .nav-toggler[data-astro-cid-duqfclob].open span[data-astro-cid-duqfclob]:before{transform:rotate(45deg);top:0}.nav-toggler[data-astro-cid-duqfclob] span[data-astro-cid-duqfclob]:after{content:"";height:2px;width:18px;background:var(--skin-color);position:absolute;top:6px;left:0}.aside[data-astro-cid-duqfclob] .nav-toggler[data-astro-cid-duqfclob].open span[data-astro-cid-duqfclob]:after{transform:rotate(-45deg);top:0}span[data-astro-cid-duqfclob]{font-family:Clicker Script,cursive;font-size:40px}ul[data-astro-cid-duqfclob]{margin-top:50px}ul[data-astro-cid-duqfclob] li[data-astro-cid-duqfclob]{margin-bottom:20px;display:block}ul[data-astro-cid-duqfclob] li[data-astro-cid-duqfclob] a[data-astro-cid-duqfclob]{font-size:16px;font-weight:600;display:block;border-bottom:1px solid var(--bg-black-50);color:var(--text-black-900);padding:5px 15px}ul[data-astro-cid-duqfclob] li[data-astro-cid-duqfclob] a[data-astro-cid-duqfclob] i[data-astro-cid-duqfclob]{margin-right:15px}.nav[data-astro-cid-duqfclob] li[data-astro-cid-duqfclob] .active[data-astro-cid-duqfclob]{color:var(--skin-color)}@media (max-width: 1199px){.aside[data-astro-cid-duqfclob]{left:-270px}.aside[data-astro-cid-duqfclob].open{left:0}.aside[data-astro-cid-duqfclob] .nav-toggler[data-astro-cid-duqfclob]{display:flex;left:30px}.aside[data-astro-cid-duqfclob] .nav-toggler[data-astro-cid-duqfclob].open{left:300px}}.home[data-astro-cid-xhaoqxbd]{min-height:100vh;display:flex;color:var(--text-black-900)}.home-info[data-astro-cid-xhaoqxbd]{flex:0 0 60%;max-width:60%}h3[data-astro-cid-xhaoqxbd]:first-child{font-size:28px;margin:15px 0}h3[data-astro-cid-xhaoqxbd]:first-child span[data-astro-cid-xhaoqxbd]{font-family:Clicker Script,cursive;font-size:30px;font-weight:700;color:var(--skin-color)}h3[data-astro-cid-xhaoqxbd]{font-size:30px;margin:15px 0}.typing[data-astro-cid-xhaoqxbd]{color:var(--skin-color)}p[data-astro-cid-xhaoqxbd]{margin-bottom:70px;font-size:20px;color:var(--text-black-900)}.home-img[data-astro-cid-xhaoqxbd]{flex:0 0 40%;max-width:40%;text-align:center;position:relative}.home-img[data-astro-cid-xhaoqxbd]:after{content:"";position:absolute;height:80px;width:80px;border-bottom:10px solid var(--skin-color);border-right:10px solid var(--skin-color);right:20px;bottom:-40px}.home-img[data-astro-cid-xhaoqxbd]:before{content:"";position:absolute;height:80px;width:80px;border-top:10px solid var(--skin-color);border-left:10px solid var(--skin-color);left:20px;top:-40px}img[data-astro-cid-xhaoqxbd]{height:400px;margin:auto;border-radius:5px}@media (max-width: 991px){.home[data-astro-cid-xhaoqxbd] .home-info[data-astro-cid-xhaoqxbd]{flex:0 0 100%;max-width:100%}.home[data-astro-cid-xhaoqxbd] .home-img[data-astro-cid-xhaoqxbd]{display:none}}.section-title[data-astro-cid-v2cbyr3p]{flex:0 0 100%;max-width:100%;margin-bottom:60px}.about-content[data-astro-cid-v2cbyr3p],.about-text[data-astro-cid-v2cbyr3p]{flex:0 0 100%;max-width:100%}h3[data-astro-cid-v2cbyr3p]{font-size:24px;margin-bottom:15px;font-weight:700;color:var(--text-black-900)}.about-text[data-astro-cid-v2cbyr3p] h3[data-astro-cid-v2cbyr3p] span[data-astro-cid-v2cbyr3p]{color:var(--skin-color)}p[data-astro-cid-v2cbyr3p]{font-size:16px;line-height:25px;color:var(--text-black-700)}.personal-info[data-astro-cid-v2cbyr3p]{flex:0 0 60%;max-width:60%;margin-top:40px}.skills[data-astro-cid-v2cbyr3p]{flex:0 0 40%;max-width:40%;margin-top:40px}.info-item[data-astro-cid-v2cbyr3p]{flex:0 0 50%;max-width:50%}.info-item[data-astro-cid-v2cbyr3p] p[data-astro-cid-v2cbyr3p]{font-weight:600;padding:10px 0;font-size:16px;color:var(--text-black-900);border-bottom:1px solid var(--bg-black-50)}.info-item[data-astro-cid-v2cbyr3p] p[data-astro-cid-v2cbyr3p] span[data-astro-cid-v2cbyr3p]{font-weight:400;color:var(--text-black-700);margin-left:4px;display:inline-block}.buttons[data-astro-cid-v2cbyr3p]{margin-top:30px}.buttons[data-astro-cid-v2cbyr3p] .btn[data-astro-cid-v2cbyr3p]{margin-top:10px}.skill-item[data-astro-cid-v2cbyr3p]{flex:0 0 100%;max-width:100%;margin-bottom:25px}h5[data-astro-cid-v2cbyr3p]{line-height:40px;font-weight:600;font-size:16px;color:var(--text-black-900);text-transform:capitalize}.progress[data-astro-cid-v2cbyr3p]{background-color:var(--bg-black-50);height:7px;border-radius:4px;width:100%;position:relative}.progress-in[data-astro-cid-v2cbyr3p]{position:absolute;left:0;top:0;height:100%;border-radius:4px;background-color:var(--skin-color)}.skill-percent[data-astro-cid-v2cbyr3p]{position:absolute;right:0;color:var(--text-black-900);top:-40px;font-weight:400;line-height:40px}.education[data-astro-cid-v2cbyr3p],.experience[data-astro-cid-v2cbyr3p]{flex:0 0 50%;max-width:50%;margin-top:30px;margin-bottom:30px}.title[data-astro-cid-v2cbyr3p] h3[data-astro-cid-v2cbyr3p]{font-size:24px;margin-bottom:30px;font-weight:700;color:var(--text-black-900)}.timeline-box[data-astro-cid-v2cbyr3p]{flex:0 0 100%;max-width:100%}.timeline[data-astro-cid-v2cbyr3p]{background-color:var(--bg-black-100);padding:30px 15px;border:1px solid var(--bg-black-50);border-radius:10px;width:100%;position:relative}.timeline-item[data-astro-cid-v2cbyr3p]{position:relative;padding-left:37px;padding-bottom:50px}.timeline-item[data-astro-cid-v2cbyr3p]:last-child{padding-bottom:0}.timeline-item[data-astro-cid-v2cbyr3p]:before{content:"";width:1px;position:absolute;height:100%;left:7px;top:0;background-color:var(--skin-color)}.circle-dot[data-astro-cid-v2cbyr3p]{position:absolute;left:0;top:0;height:15px;width:15px;border-radius:50%;background-color:var(--skin-color)}.about[data-astro-cid-v2cbyr3p] .about-content[data-astro-cid-v2cbyr3p] .timeline[data-astro-cid-v2cbyr3p] .timeline-date[data-astro-cid-v2cbyr3p]{font-weight:400;font-size:14px;margin-bottom:12px;color:var(--text-black-700)}.about[data-astro-cid-v2cbyr3p] .about-content[data-astro-cid-v2cbyr3p] .timeline[data-astro-cid-v2cbyr3p] .timeline-date[data-astro-cid-v2cbyr3p] .fa[data-astro-cid-v2cbyr3p]{margin-right:5px}.timeline-title[data-astro-cid-v2cbyr3p]{font-weight:700;font-size:18px;margin-bottom:15px;text-transform:capitalize;color:var(--text-black-900)}.timeline-text[data-astro-cid-v2cbyr3p]{line-height:25px;font-size:16px;text-align:justify;color:var(--text-black-700)}@media (max-width: 1199px){.about[data-astro-cid-v2cbyr3p] .about-content[data-astro-cid-v2cbyr3p] .personal-info[data-astro-cid-v2cbyr3p] .info-item[data-astro-cid-v2cbyr3p] p[data-astro-cid-v2cbyr3p] span[data-astro-cid-v2cbyr3p]{display:block;margin-left:0}}@media (max-width: 767px){.about[data-astro-cid-v2cbyr3p] .about-content[data-astro-cid-v2cbyr3p] .experience[data-astro-cid-v2cbyr3p],.about[data-astro-cid-v2cbyr3p] .about-content[data-astro-cid-v2cbyr3p] .education[data-astro-cid-v2cbyr3p],.about[data-astro-cid-v2cbyr3p] .about-content[data-astro-cid-v2cbyr3p] .skills[data-astro-cid-v2cbyr3p],.about[data-astro-cid-v2cbyr3p] .about-content[data-astro-cid-v2cbyr3p] .personal-info[data-astro-cid-v2cbyr3p]{flex:0 0 100%;max-width:100%}}.service-item[data-astro-cid-g5jplrhu]{margin-bottom:30px;margin-top:60px;flex:0 0 33.33%;max-width:33.33%}.service-item-inner[data-astro-cid-g5jplrhu]{background-color:var(--bg-black-100);border:1px solid var(--bg-black-50);border-radius:10px;padding:30px 15px;text-align:center;transition:all .3s ease}.service-item-inner[data-astro-cid-g5jplrhu]:hover{box-shadow:0 0 20px #302e4d26}.icon[data-astro-cid-g5jplrhu]{height:60px;width:60px;border-radius:50%;display:block;margin:0 auto 30px;text-align:center;transition:all .3s ease}.icon[data-astro-cid-g5jplrhu] .fa[data-astro-cid-g5jplrhu]{font-size:40px;line-height:60px;color:var(--skin-color);transition:all .3s ease}.service-item-inner[data-astro-cid-g5jplrhu]:hover .icon[data-astro-cid-g5jplrhu]{background:var(--skin-color)}.service-item-inner[data-astro-cid-g5jplrhu]:hover .icon[data-astro-cid-g5jplrhu] .fa[data-astro-cid-g5jplrhu]{font-size:25px;color:#fff}.service-item-inner[data-astro-cid-g5jplrhu] h4[data-astro-cid-g5jplrhu]{font-size:18px;margin-bottom:15px;color:var(--text-black-900);font-weight:700;text-transform:capitalize}.service-item-inner[data-astro-cid-g5jplrhu] p[data-astro-cid-g5jplrhu]{font-size:16px;color:var(--text-black-700);line-height:25px}.service[data-astro-cid-g5jplrhu] .container[data-astro-cid-g5jplrhu]{padding-bottom:40px}@media (max-width: 991px){.service[data-astro-cid-g5jplrhu] .service-item[data-astro-cid-g5jplrhu]{flex:0 0 50%;max-width:50%}}@media (max-width: 767px){.service[data-astro-cid-g5jplrhu] .service-item[data-astro-cid-g5jplrhu]{flex:0 0 100%;max-width:100%}}.portofolio[data-astro-cid-n62ufhqw] .container[data-astro-cid-n62ufhqw]{padding-bottom:40px}.portofolio-heading[data-astro-cid-n62ufhqw]{flex:0 0 100%;max-width:100%;margin-top:60px;margin-bottom:40px}.portofolio[data-astro-cid-n62ufhqw] .portofolio-heading[data-astro-cid-n62ufhqw] h2[data-astro-cid-n62ufhqw]{color:var(--text-black-900);font-weight:500}.portofolio-item[data-astro-cid-n62ufhqw]{flex:0 0 33.33%;max-width:33.33%;margin-bottom:30px}.portofolio-item-inner[data-astro-cid-n62ufhqw]{border:6px solid var(--bg-black-100);border-radius:10px;overflow:hidden;cursor:pointer}.portofolio-img[data-astro-cid-n62ufhqw] img[data-astro-cid-n62ufhqw]{width:100%;display:block}@media (max-width: 991px){.portofolio[data-astro-cid-n62ufhqw] .portofolio-item[data-astro-cid-n62ufhqw]{flex:0 0 50%;max-width:50%}}@media (max-width: 767px){.portofolio[data-astro-cid-n62ufhqw] .portofolio-item[data-astro-cid-n62ufhqw]{flex:0 0 100%;max-width:100%}}.contact-title[data-astro-cid-xmivup5a]{color:var(--skin-color);text-align:center;font-size:25px;margin-bottom:20px}.contact-sub-title[data-astro-cid-xmivup5a]{color:var(--text-black-900);text-align:center;font-size:15px;margin-bottom:60px}.contact-info-item[data-astro-cid-xmivup5a]{flex:0 0 25%;max-width:25%;text-align:center;margin-bottom:60px}.icon[data-astro-cid-xmivup5a]{display:inline-block}.fa[data-astro-cid-xmivup5a]{font-size:25px;color:var(--skin-color)}h4[data-astro-cid-xmivup5a]{font-size:18px;font-weight:700;color:var(--text-black-900);text-transform:capitalize;margin:15px 0 5px}p[data-astro-cid-xmivup5a]{font-size:16px;line-height:25px;color:var(--text-black-700);font-weight:400}.contact-form[data-astro-cid-xmivup5a]{flex:0 0 100%;max-width:100%}.col-6[data-astro-cid-xmivup5a]{flex:0 0 50%;max-width:50%}.col-12[data-astro-cid-xmivup5a]{flex:0 0 100%;max-width:100%}.form-item[data-astro-cid-xmivup5a]{margin-bottom:30px}.form-control[data-astro-cid-xmivup5a]{width:100%;height:50px;border-radius:25px;background:var(--bg-black-100);border:1px solid var(--bg-black-50);padding:10px 25px;font-size:16px;color:var(--text-black-700);transition:all .3s ease}.form-control[data-astro-cid-xmivup5a]:focus{box-shadow:0 0 20px #302e4d26}textarea[data-astro-cid-xmivup5a].form-control{height:140px}.btn[data-astro-cid-xmivup5a]{height:50px;padding:0 50px}@media (max-width: 991px){.contact[data-astro-cid-xmivup5a] .contact-info-item[data-astro-cid-xmivup5a]{flex:0 0 50%;max-width:50%}}@media (max-width: 767px){.contact[data-astro-cid-xmivup5a] .contact-form[data-astro-cid-xmivup5a] .col-6[data-astro-cid-xmivup5a],.contact[data-astro-cid-xmivup5a] .contact-info-item[data-astro-cid-xmivup5a]{flex:0 0 100%;max-width:100%}}.style-switcher[data-astro-cid-2yacd7ew]{position:fixed;right:0;top:60px;padding:15px;width:200px;border:1px solid var(--bg-black-50);background:var(--text-black-100);z-index:101;border-radius:5px;transition:all .3s ease;transform:translate(100%)}.style-switcher[data-astro-cid-2yacd7ew].open{transform:translate(-25px)}.s-icon[data-astro-cid-2yacd7ew]{position:absolute;height:40px;width:40px;text-align:center;font-size:20px;background:var(--bg-black-100);color:var(--text-black-900);right:100%;border:1px solid var(--bg-black-50);margin-right:25px;cursor:pointer;transition:all .3s ease;border-radius:50%}i[data-astro-cid-2yacd7ew]{line-height:40px}.style-switcher-toggler[data-astro-cid-2yacd7ew]{top:0}.day-night[data-astro-cid-2yacd7ew]{top:55px}h4[data-astro-cid-2yacd7ew]{margin:0 0 10px;color:var(--text-black-700);font-size:16px;font-weight:600;text-transform:capitalize}.colors[data-astro-cid-2yacd7ew]{display:flex;flex-wrap:wrap;justify-content:space-between}.colors[data-astro-cid-2yacd7ew] span[data-astro-cid-2yacd7ew]{display:inline-block;height:30px;width:30px;border-radius:50%;cursor:pointer}.color-1[data-astro-cid-2yacd7ew]{background:#ec1839}.color-2[data-astro-cid-2yacd7ew]{background:#fa5b0f}.color-3[data-astro-cid-2yacd7ew]{background-color:#37b182}.color-4[data-astro-cid-2yacd7ew]{background-color:#1854b4}.color-5[data-astro-cid-2yacd7ew]{background-color:#f021b2}