#site-header[data-v-bbf72c04]{position:fixed;width:100%;transition:transform .3s ease;z-index:1000}#site-header.hide[data-v-bbf72c04]{transform:translateY(-100%)}.name[data-v-bbf72c04]{padding-left:5%}.navbar[data-v-bbf72c04]{color:var(--color-text);background-color:var(--color-heading);display:flex;align-items:center;justify-content:space-between;padding-right:5%;z-index:2;height:var(--header-height)}.buttons[data-v-bbf72c04]{display:flex;list-style:none;padding-right:5%}.buttons li[data-v-bbf72c04]{font-size:20px;padding:10px;border-bottom:4px solid transparent;transition:border-bottom .2s ease-out 50ms}.buttons li[data-v-bbf72c04]:hover{border-bottom:4px solid var(--color-hover)}a[data-v-bbf72c04]{color:var(--color-text)}.buttons-toggle[data-v-bbf72c04]{display:none}.toggle-button[data-v-bbf72c04]{position:absolute;top:.7rem;right:1rem;display:none;flex-direction:column;justify-content:space-between;width:35px;height:25px;padding-right:5%}.toggle-button .bar[data-v-bbf72c04]{height:5px;width:100%;background-color:#fff}@media (max-width: 700px){.navbar[data-v-bbf72c04]{display:block}.toggle-button[data-v-bbf72c04]{display:flex}.buttons[data-v-bbf72c04]{display:none;flex-direction:column;align-items:flex-start;background-color:var(--color-heading)}.buttons.active[data-v-bbf72c04]{display:flex}.buttons-toggle.active[data-v-bbf72c04]{list-style:none;flex-direction:column;padding-top:var(--header-height);display:block}.buttons a[data-v-bbf72c04]{width:100%;text-align:center}}#footer[data-v-94145d7c]{background-color:var(--color-heading);width:100%;bottom:0;left:0;height:12.5rem}.content[data-v-94145d7c]{display:flex;padding:50px 10px 30px;margin-left:auto;margin-right:auto;justify-content:space-between}.contact[data-v-94145d7c]{margin-left:var(--side-gap);position:relative}.contact-info[data-v-94145d7c]{position:absolute;bottom:0}.icon[data-v-94145d7c]{width:30px}.pages[data-v-94145d7c]{display:flex;width:200px}ul[data-v-94145d7c]{list-style:none}li[data-v-94145d7c]{font-size:15px;margin-bottom:8px}.link[data-v-94145d7c]{color:#fff}.link[data-v-94145d7c]:hover{color:var(--color-line)}.seperator[data-v-94145d7c]{margin-left:5px;margin-right:5px;width:1px;background-color:var(--color-line)}@media (max-width: 700px){div[data-v-94145d7c]{font-size:12px}.name[data-v-94145d7c]{font-size:20px}}header[data-v-f835a831]{line-height:1.5}img[data-v-0ff278df]{background-color:var(--color-background);border-radius:50%;object-fit:contain;width:80px;height:80px;box-shadow:var(--standard-shadow)}.main[data-v-0ff278df]{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.description-content[data-v-0ff278df]{width:95%}.title[data-v-0ff278df]{font-size:20px;font-weight:500;line-height:120%}img[data-v-fb1ff7f1]{height:45px;width:auto;object-fit:contain;aspect-ratio:1}.content[data-v-fb1ff7f1]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;width:auto;padding:5px}.progress-bar[data-v-fb1ff7f1]{margin-left:20px;width:100%;height:20px;position:relative;background:var(--color-background-white);border-radius:20px;box-shadow:var(--standard-shadow)}.progress-bar span[data-v-fb1ff7f1]{height:100%;background-color:var(--color-line);position:relative;overflow:hidden;border-radius:20px;display:table}.percentage-text[data-v-fb1ff7f1]{font-size:20px;font-weight:500;text-align:center;vertical-align:middle;display:table-cell}.bottom-padding[data-v-fb1ff7f1]{margin-bottom:50px}.main-text[data-v-95c7b41e]{margin-top:20px}.main[data-v-95c7b41e]{color:var(--color-text-dark);width:100%}.top-title[data-v-95c7b41e]{inset:0;height:100px;background:var(--color-background-light);clip-path:polygon(0% 0,100% 0%,100% 100%,80% 60%,50% 100%,20% 60%,0% 100%)}.top-content[data-v-95c7b41e]{display:flex;height:auto;margin-top:25px;justify-content:space-between;z-index:1;position:relative;align-items:top}.bottom-content[data-v-95c7b41e]{display:flex}.bottom-item[data-v-95c7b41e]{width:50%;padding:10px}.description[data-v-95c7b41e]{width:100%;height:100%;margin-right:20px}.visual[data-v-95c7b41e]{width:30%;height:max-content;border-radius:50%;background:var(--color-background-light);object-fit:contain;outline:4px solid var(--color-heading);box-shadow:var(--standard-shadow)}.experiences[data-v-95c7b41e]{display:flex;padding:5px;background:var(--color-background-light);border-radius:5px}.skills[data-v-95c7b41e]{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 20px;background:var(--color-background-light);border-radius:5px;padding:5px}@media (max-width: 900px){.bottom-content[data-v-95c7b41e]{display:block}.bottom-item[data-v-95c7b41e]{width:auto}.visual[data-v-95c7b41e]{height:40%}.skills[data-v-95c7b41e]{display:block}}.tag-item[data-v-d6a4f9cb]{user-select:none;padding:5px 10px;width:fit-content;height:fit-content;border-radius:15px;box-shadow:var(--standard-shadow);color:#fff}.item[data-v-4d5e03d0]{background-color:var(--color-background-darker);border-radius:15px;width:350px;height:fit-content;cursor:pointer;box-shadow:var(--standard-shadow);color:var(--color-background)}.item_content[data-v-4d5e03d0]{padding:20px}.media[data-v-4d5e03d0]{width:100%;height:fit-content;border-radius:12px;object-fit:contain;box-shadow:var(--standard-shadow);background-color:#00000080;margin:0 0 10px}.title[data-v-4d5e03d0]{height:fit-content;font-size:30px;line-height:normal}.description[data-v-4d5e03d0]{margin:5px 0 20px;height:fit-content;font-size:15px}.tag-container[data-v-4d5e03d0]{display:flex;flex-wrap:wrap;gap:10px}iframe[data-v-48ce0429]{width:100%;height:100%}.main-text[data-v-7a9f7180]{padding-top:15px}.overlay[data-v-7a9f7180]{animation:fadeInAnimation ease .4s;cursor:pointer;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999;color:#000}.content[data-v-7a9f7180]{animation:fallInAnimation-7a9f7180 ease .4s;position:relative;cursor:default;background-color:var(--color-background);border-radius:15px;width:85%;height:auto;max-width:1400px;max-height:90vh;box-shadow:var(--standard-shadow);z-index:0;overflow-y:auto;overflow-x:hidden}.flex[data-v-7a9f7180]{padding:50px;display:flex;flex-direction:row;box-sizing:border-box;width:100%;height:100%;overflow-x:hidden}.visual[data-v-7a9f7180]{width:45%;height:100%;box-sizing:border-box;position:relative;padding:0 0 10px 20px;border-radius:15px}.media[data-v-7a9f7180]{border-radius:15px;box-shadow:var(--standard-shadow);background-color:#00000080;width:100%;height:auto;margin:60px 0 10px;object-fit:contain}.media-video[data-v-7a9f7180]{height:50%;aspect-ratio:calc(16/9)}.seperate[data-v-7a9f7180]{margin:0 25px 0 40px}.description[data-v-7a9f7180]{white-space:pre-line;padding:10px 5px 10px 10px;margin-right:10px;width:60%;box-sizing:border-box;overflow-y:auto}.video-insert[data-v-7a9f7180]{width:100%;height:100%}.fixed-bottom-visual[data-v-7a9f7180]{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;display:flex;max-height:80px}.icon[data-v-7a9f7180]{width:55px}.tag-container[data-v-7a9f7180]{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:10px}.close[data-v-7a9f7180]{cursor:pointer;position:absolute;right:0;top:0;padding:10px;width:45px;z-index:2}[data-v-7a9f7180]::-webkit-scrollbar{width:10px}[data-v-7a9f7180]::-webkit-scrollbar-track{margin:10px;background:rgba(0,0,0,0)}[data-v-7a9f7180]::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:10px}[data-v-7a9f7180]::-webkit-scrollbar-thumb:hover{background:var(--color-heading-dark)}@keyframes fallInAnimation-7a9f7180{0%{transform:translateY(350px)}to{transform:translateY(0)}}@media screen and (max-width: 1000px){.flex[data-v-7a9f7180]{display:block;padding:30px;box-sizing:border-box;width:100%;overflow-y:auto}.content[data-v-7a9f7180]{cursor:default;width:95%;height:80%}.visual[data-v-7a9f7180]{padding:30px 0 0;width:100%;height:auto;box-sizing:border-box}.description[data-v-7a9f7180]{padding:10px 5px 10px 0;width:100%;box-sizing:border-box}.media[data-v-7a9f7180]{border-radius:15px;box-shadow:var(--standard-shadow);background-color:#00000080;width:100%;height:auto;margin:10px;object-fit:contain}.icon[data-v-7a9f7180]{width:55px;height:auto}.fixed-bottom-visual[data-v-7a9f7180]{position:static;width:100%;padding:20px 0 0;height:auto;display:flex}.close[data-v-7a9f7180]{cursor:pointer;position:absolute;right:0;top:0;padding:10px;width:55px;z-index:2}}.main-bg[data-v-e55299e4]{--padding: 50px;padding-top:var(--padding);padding-bottom:var(--padding);background-color:var(--color-background-light);clip-path:polygon(0% calc(0% + var(--padding)),20% 0%,50% calc(0% + var(--padding)),80% 0%,100% calc(0% + var(--padding)),100% 0%,100% 100%,100% 100%,80% calc(100% - var(--padding)),50% 100%,20% calc(100% - var(--padding)),0% 100%,0% 100%)}.main[data-v-e55299e4]{margin-top:25px;color:var(--color-text-dark);width:100%}.sub-text[data-v-e55299e4]{margin:20px 0}.title[data-v-e55299e4]{text-align:center}.show-all[data-v-e55299e4]{font-size:20px;font-weight:500;text-align:center;cursor:pointer}.cards[data-v-e55299e4]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;padding:20px}.filters[data-v-e55299e4]{align-self:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.filters-toggle[data-v-e55299e4]{background-color:#fff;user-select:none;padding:5px 10px;width:fit-content;height:fit-content;border-radius:15px;box-shadow:var(--standard-shadow);cursor:pointer;color:#000;font-weight:700}.center-content[data-v-c06b1856]{height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:150px;color:#000}.title[data-v-c06b1856]{text-align:center;font-size:60px;font-weight:500;margin-bottom:20px}.seperator[data-v-c06b1856]{margin-top:5px;margin-bottom:5px;height:4px;width:100%;background-color:var(--color-line)}.icons[data-v-c06b1856]{padding:50px;margin-right:auto;margin-left:auto;display:flex;width:60%;justify-content:space-around;align-self:flex-end}canvas[data-v-940642df]{position:absolute;width:100%;height:100%;inset:0;background:linear-gradient(to bottom,var(--color-background-viewport-a) 0%,var(--color-background-viewport-b) 30%)}.main[data-v-940642df]{background:var(--color-background-light)}.canvas-viewport[data-v-940642df]{position:relative;width:100%;height:calc(80vh + var(--header-height));clip-path:polygon(0% 0%,100% 0%,100% 100%,80% 95%,50% 100%,20% 95%,0% 100%)}.name-container[data-v-940642df]{position:relative;inset:0;z-index:10;padding-top:calc(6% + var(--header-height));color:#000;animation:fallInAnimation-940642df ease 1s}.name-1[data-v-940642df]{animation:fadeInAnimation ease 2s;font-size:40px;font-weight:300;text-align:center}.name-2[data-v-940642df]{animation:fadeInAnimation ease 2s;font-size:60px;font-weight:500;text-align:center}@keyframes fallInAnimation-940642df{0%{height:60%}to{height:70%}}:root{--color-background: rgb(238, 238, 238);--color-background-viewport-a: rgb(164, 209, 127);--color-background-viewport-b: rgb(207, 247, 183);--color-background-darker: rgb(148, 119, 86);--color-background-light-dark: rgb(179, 154, 108);--color-background-light: rgb(216, 201, 167);--color-background-white: rgb(238, 238, 238);--color-background-soft: rgb(143, 70, 253);--color-background-mute: rgb(134, 72, 121);--color-border: rgb(112, 11, 151);--color-hover: rgb(255, 255, 255);--color-background-soft-hover: rgb(187, 142, 255);--color-heading: rgb(92, 111, 43);--color-heading-dark: rgb(52, 78, 22);--color-heading-soft: rgb(183, 113, 229);--color-heading-light: rgb(35, 116, 0);--color-line: rgb(222, 128, 43);--color-text-soft-hover: rgb(222, 128, 43);--color-text: rgb(238, 238, 238);--color-text-dark: rgb(0, 0, 0);--color-sub-text: rgb(180, 180, 180);--section-gap: 160px;--side-gap: 20px;--phone-width: 700px;--header-height: 60px;--standard-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), 0 3px 10px 0 rgba(0, 0, 0, .19);--background-fade: var(--color-background-light-dark)}*{margin:0}body{background-color:var(--color-background);color:var(--color-text);background:var(--color-background);font-family:Satoshi,Inter,system-ui,sans-serif;font-size:15px}.seperator{margin-left:5px;margin-right:5px;width:2px;background-color:var(--color-line)}.seperator-hor{margin-top:5px;margin-bottom:5px;height:2px;width:100%;background-color:var(--color-line)}.max-width{margin:0 auto;max-width:1280px}.page-container{position:relative;min-height:100vh}.content-wrap{padding-bottom:2.5rem}a{color:var(--color-text-soft);text-decoration:none}a:hover{color:var(--color-text-soft-hover)}.container{margin-top:var(--side-gap);margin:var(--side-gap);padding-bottom:5rem}.main-text{line-height:26px;font-size:18px}.name{font-size:30px;font-weight:700}.title{font-size:50px;font-weight:300;line-height:70px}.title-centered{font-size:50px;font-weight:300;line-height:70px;text-align:center}.sub-title{font-size:35px;font-weight:400;line-height:70px}.fade-in-animation{animation:fadeInAnimation ease .7s}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.fade-in.show{opacity:1;transform:translateY(0)}.green-card-title{background-color:var(--color-heading);border-radius:15px 15px 0 0;padding:15px;box-shadow:var(--standard-shadow);color:var(--color-text)}.green-card{background-color:var(--color-heading-dark);border-radius:15px;box-shadow:var(--standard-shadow);color:var(--color-text)}.green-card-content{padding:15px}.title-underline{position:relative;display:inline-block;padding-bottom:0}.title-underline:after{content:"";position:absolute;left:0%;bottom:0;width:70%;height:6px;background:var(--color-heading);border-radius:2px}.sub-title-underline{position:relative;display:inline-block;padding-bottom:0}.sub-title-underline:after{content:"";position:absolute;left:0%;bottom:15%;width:70%;height:4px;background:var(--color-heading);border-radius:2px}.timeline-item{display:flex;height:100%;gap:16px;position:relative}.line-dot{position:relative;width:20px;display:flex;justify-content:center}.line-dot:before{content:"";width:20px;height:20px;background:var(--color-line);border-radius:50%;position:absolute;top:0}.line-dot:after{content:"";max-width:4px;background:var(--color-line);flex-grow:1;margin-top:10px;height:100%;align-self:flex-start}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media (max-width: 700px){.timeline-item{display:block}.main-text{font-size:16px}.title{font-size:35px;line-height:60px}}