body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:Moon;src:url(/static/media/Moon2.0-Light.14e8e211.otf) format("truetype");font-weight:lighter}@font-face{font-family:Moon;src:url(/static/media/Moon2.0-Regular.beaab266.otf) format("truetype");font-weight:400}@font-face{font-family:Moon;src:url(/static/media/Moon2.0-Bold.e1c9d28f.otf) format("truetype");font-weight:700}*{text-decoration:none;border:none;letter-spacing:1px;word-spacing:-4px}body{margin:0;background-color:#fff;cursor:url(/media/icons/cursor.svg),auto}body,html{overflow:hidden}body,html{position:relative;max-width:100%}section{position:relative;height:100vh;width:100vw}h1,h2,h3,h4,h5,input,label,li,option,p,select,span,textarea{font-family:Moon;color:#fff;margin:0}ul{list-style-type:none;margin:8px;padding-left:10px}ul li:before{content:"•";color:#fff;font-weight:700;display:inline-block;width:1em;margin-left:-1em}li{position:relative;list-style-type:none;margin:4px 0}textarea{resize:none;font-size:.8em}input,textarea{font-weight:300;letter-spacing:1px}h1{font-weight:500;font-size:1.5em}h2{font-weight:400;font-size:1.2em}h3,li,p{font-weight:300}h3,li,p{font-size:.9em}p{margin:5px 0}h4{font-weight:200;font-size:.8em}h5{font-size:.7em;font-weight:100}ul{list-style-type:circle}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{background:#858585;transition-duration:.2s;transition-timing-function:ease-out;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#92a10a}@media only screen and (max-width:700px){h1{font-size:1.4em}h2{font-size:1.1em}h3,li,p{font-size:.8em}h4{font-size:.7em}}a,button,input[type=checkbox],input[type=submit]{pointer-events:visible;cursor:pointer;color:#fff}a,a:focus{outline:0}button{background:transparent;border:none;outline:none;font-size:1em}label{position:relative;z-index:1;pointer-events:none}input[type=checkbox]{position:relative;height:100%;width:100%;opacity:0}.h-color--blue-dark{color:#2a002a}.h-animation-config{transition-timing-function:cubic-bezier(.11,1.11,.15,.99);transition-duration:1.5s;-webkit-animation-timing-function:cubic-bezier(.11,1.11,.15,.99);animation-timing-function:cubic-bezier(.11,1.11,.15,.99);-webkit-animation-duration:1.5s;animation-duration:1.5s}.h-center{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.l-flex--row-wrap{display:flex;flex-flow:row wrap}.l-flex--row-nowrap{display:flex;flex-flow:row nowrap}.l-flex--column-wrap{display:flex;flex-flow:column wrap}.l-flex--column-nowrap{display:flex;flex-flow:column nowrap}.l-flex--center-center{justify-content:center;align-items:center}#l-loading{position:absolute;z-index:1000;height:100vh;width:100vw;top:0;left:0;background-color:#92a10a;transition-delay:1.5s}#c-loading__circle{height:15px;width:15px;background-color:#fff;border-radius:50%}#l-loading__spinner{height:100px;width:100px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0)}@-webkit-keyframes rotating-planet{0%{-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0)}50%{-webkit-transform:rotate(180deg) scale(1);transform:rotate(180deg) scale(1)}to{-webkit-transform:rotate(1turn) scale(0);transform:rotate(1turn) scale(0)}}@keyframes rotating-planet{0%{-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0)}50%{-webkit-transform:rotate(180deg) scale(1);transform:rotate(180deg) scale(1)}to{-webkit-transform:rotate(1turn) scale(0);transform:rotate(1turn) scale(0)}}#c-loading__title{margin-left:20px}#l-loading[data-display=show]{opacity:1}#l-loading[data-display=show] #l-loading__spinner{-webkit-animation-name:rotating-planet;animation-name:rotating-planet;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#l-loading[data-display=hide]{opacity:0;pointer-events:none}#l-loading[data-display=hide] #l-loading__spinner{-webkit-animation-name:idle;animation-name:idle}#l-frame{position:absolute;box-sizing:border-box;pointer-events:none;height:100%;width:100%;display:grid;padding:30px;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;grid-template-areas:"logo header right-top" "left center right" "left-bot footer right-bot"}#l-frame__nan-logo{grid-area:logo;justify-content:flex-start;align-items:flex-start}#l-frame__menu{position:absolute;top:20px;right:20px;justify-content:flex-end;align-items:flex-start}#l-frame__pagination{grid-area:right;justify-content:flex-end}#l-frame__footer{grid-area:left-bot;align-items:flex-end}@media only screen and (max-width:700px){#l-frame{padding:15px;grid-template-columns:1fr auto 1fr}#l-frame__footer{grid-area:footer}}#l-menu{pointer-events:visible;position:relative;z-index:999;height:38px;width:40px}#l-menu__button,#l-menu__content{position:absolute}#l-menu__button{top:0;left:0;height:38px;width:40px}#l-menu__content{pointer-events:none;height:38px;width:40px}#l-menu__body{position:relative;pointer-events:none;opacity:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:".          ." "content    ."}#l-menu__nav-list{grid-area:content;justify-content:flex-start;align-items:flex-end}.l-menu__link{margin:5px 0}.h-rotating-planet{position:absolute;top:0;left:0;height:38px;width:40px}.c-button__circle-art{position:absolute;top:18px;left:20px;height:0;width:0;border:1px dashed #fff;border-radius:50%;opacity:0}.c-button__line-art{position:absolute;left:10px;width:20px;height:2px;background-color:#fff;border-radius:10px}.c-button__line-art[data-position="1"]{top:10px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.c-button__line-art[data-position="2"]{top:18px}.c-button__line-art[data-position="3"]{top:26px;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.c-menu__star-layer[data-position="1"]{opacity:1;height:240vh;width:240vh}.c-menu__star-layer[data-position="1"],.c-menu__star-layer[data-position="2"]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);border-radius:50%;background-color:#fff}.c-menu__star-layer[data-position="2"]{opacity:.5;height:256vh;width:256vh}.c-menu__star-layer[data-position="3"]{opacity:.2;height:280vh;width:280vh}.c-menu__star-layer[data-position="3"],.c-menu__star-layer[data-position="4"]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);border-radius:50%;background-color:#fff}.c-menu__star-layer[data-position="4"]{opacity:.08;height:320vh;width:320vh}.c-menu__star-layer[data-position="5"]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.03;height:400vh;width:400vh;-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);border-radius:50%;background-color:#fff}#l-menu[data-state=solar-system]{cursor:pointer}#l-menu[data-state=solar-system] .h-rotating-planet{-webkit-animation-name:rotating-orbit;animation-name:rotating-orbit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}#l-menu[data-state=solar-system] #h-rotating-planet--1{-webkit-animation-duration:.7s;animation-duration:.7s}#l-menu[data-state=solar-system] #h-rotating-planet--2{-webkit-animation-duration:1.6s;animation-duration:1.6s}#l-menu[data-state=solar-system] .c-button__circle-art{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.11,1.11,.15,.99);animation-timing-function:cubic-bezier(.11,1.11,.15,.99);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#l-menu[data-state=solar-system] .c-button__circle-art[data-position="1"]{-webkit-animation-name:expand-orbit-1;animation-name:expand-orbit-1}#l-menu[data-state=solar-system] .c-button__circle-art[data-position="2"]{-webkit-animation-name:expand-orbit-2;animation-name:expand-orbit-2}#l-menu[data-state=solar-system] .c-button__line-art{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#l-menu[data-state=solar-system] .c-button__line-art[data-position="1"]{-webkit-animation-name:show-planet-1;animation-name:show-planet-1}#l-menu[data-state=solar-system] .c-button__line-art[data-position="2"]{-webkit-animation-name:show-white-star;animation-name:show-white-star}#l-menu[data-state=solar-system] .c-button__line-art[data-position="3"]{-webkit-animation-name:show-planet-2;animation-name:show-planet-2}@-webkit-keyframes expand-orbit-1{to{top:-2px;left:-1px;height:40px;width:40px;opacity:1}}@keyframes expand-orbit-1{to{top:-2px;left:-1px;height:40px;width:40px;opacity:1}}@-webkit-keyframes expand-orbit-2{to{top:-27px;left:-26px;height:90px;width:90px;opacity:1}}@keyframes expand-orbit-2{to{top:-27px;left:-26px;height:90px;width:90px;opacity:1}}@-webkit-keyframes show-planet-1{to{top:16px;left:-3px;height:6px;width:6px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes show-planet-1{to{top:16px;left:-3px;height:6px;width:6px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes show-white-star{to{top:11px;left:12px;height:16px;width:16px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes show-white-star{to{top:11px;left:12px;height:16px;width:16px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes show-planet-2{to{top:15px;left:-29px;height:8px;width:8px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes show-planet-2{to{top:15px;left:-29px;height:8px;width:8px;-webkit-transform:scale(1);transform:scale(1)}}#l-menu[data-state=idle] .c-button__circle-art{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.11,1.11,.15,.99);animation-timing-function:cubic-bezier(.11,1.11,.15,.99);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#l-menu[data-state=idle] .c-button__circle-art[data-position="1"]{-webkit-animation-name:shrink-orbit-1;animation-name:shrink-orbit-1}#l-menu[data-state=idle] .c-button__circle-art[data-position="2"]{-webkit-animation-name:shrink-orbit-2;animation-name:shrink-orbit-2}#l-menu[data-state=idle] .c-button__line-art{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#l-menu[data-state=idle] .c-button__line-art[data-position="1"]{-webkit-animation-name:hide-planet-1;animation-name:hide-planet-1}#l-menu[data-state=idle] .c-button__line-art[data-position="2"]{-webkit-animation-name:hide-white-star;animation-name:hide-white-star}#l-menu[data-state=idle] .c-button__line-art[data-position="3"]{-webkit-animation-name:hide-planet-2;animation-name:hide-planet-2}@-webkit-keyframes shrink-orbit-1{to{top:18px;left:20px;height:0;width:0;opacity:0}}@keyframes shrink-orbit-1{to{top:18px;left:20px;height:0;width:0;opacity:0}}@-webkit-keyframes shrink-orbit-2{to{top:18px;left:20px;height:0;width:0;opacity:0}}@keyframes shrink-orbit-2{to{top:18px;left:20px;height:0;width:0;opacity:0}}@-webkit-keyframes hide-planet-1{to{top:10px;left:10px;width:20px;height:2px;-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@keyframes hide-planet-1{to{top:10px;left:10px;width:20px;height:2px;-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@-webkit-keyframes hide-white-star{to{top:18px;left:10px;width:20px;height:2px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes hide-white-star{to{top:18px;left:10px;width:20px;height:2px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hide-planet-2{to{top:26px;left:10px;width:20px;height:2px;-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@keyframes hide-planet-2{to{top:26px;left:10px;width:20px;height:2px;-webkit-transform:scaleX(.5);transform:scaleX(.5)}}#l-menu[data-state=star-system] #l-menu__body{pointer-events:visible;opacity:1}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="1"]{opacity:1;-webkit-clip-path:circle(120vh at 50% 50%);clip-path:circle(120vh at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="2"]{opacity:.5;-webkit-clip-path:circle(128vh at 50% 50%);clip-path:circle(128vh at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="3"]{opacity:.2;-webkit-clip-path:circle(140vh at 50% 50%);clip-path:circle(140vh at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="4"]{opacity:.08;-webkit-clip-path:circle(160vh at 50% 50%);clip-path:circle(160vh at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="5"]{opacity:.03;-webkit-clip-path:circle(200vh at 50% 50%);clip-path:circle(200vh at 50% 50%)}@media only screen and (max-width:700px){.c-menu__star-layer[data-position="1"]{height:180vw;width:180vw}.c-menu__star-layer[data-position="2"]{height:192vw;width:192vw}.c-menu__star-layer[data-position="3"]{height:212vw;width:212vw}.c-menu__star-layer[data-position="4"]{height:244vw;width:244vw}.c-menu__star-layer[data-position="5"]{height:300vw;width:300vw}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="1"]{-webkit-clip-path:circle(90vw at 50% 50%);clip-path:circle(90vw at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="2"]{-webkit-clip-path:circle(96vw at 50% 50%);clip-path:circle(96vw at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="3"]{-webkit-clip-path:circle(106vw at 50% 50%);clip-path:circle(106vw at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="4"]{-webkit-clip-path:circle(122vw at 50% 50%);clip-path:circle(122vw at 50% 50%)}#l-menu[data-state=star-system] .c-menu__star-layer[data-position="5"]{-webkit-clip-path:circle(150vw at 50% 50%);clip-path:circle(150vw at 50% 50%)}}.c-planet,.c-planet__orbiter{border-radius:50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.c-planet{position:relative;-webkit-animation-name:rotating-orbit;animation-name:rotating-orbit;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes rotating-orbit{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating-orbit{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.c-planet__orbiter{position:absolute;top:50%;left:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.l-page-link,.l-page-link>h1{position:relative}.l-page-link>h1{font-size:4em;font-weight:700}.l-page-link__planet{position:absolute;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:50%;right:0;-webkit-transform:scale(0) translateY(-50%);transform:scale(0) translateY(-50%)}.l-page-link:hover>h1{-webkit-transform:translate(-40px);transform:translate(-40px)}.l-page-link:hover .l-page-link__planet{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}@media only screen and (max-width:700px){.l-page-link>h1{font-size:2em}}#l-footer{position:relative;z-index:999;pointer-events:visible}.l-contact-media{position:relative;height:51px;width:51px}.c-contact-media__circle-art,.c-contact-media__icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.c-contact-media__circle-art{pointer-events:none;height:51px;width:51px;border:1px solid #fff;border-radius:50%;opacity:0}.c-contact-media__icon{position:absolute;height:17px;opacity:.5}.l-contact-media:hover .c-contact-media__circle-art{height:34px;width:34px;opacity:1}.l-contact-media:hover .c-contact-media__icon{opacity:1}#l-about-section{box-sizing:border-box;align-items:flex-start;height:100%;width:100%;padding-left:150px}#l-about-section__summary{display:flex;flex-flow:column nowrap;padding:4px;margin-bottom:15px}#l-about-section__skills{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;max-width:60vw}.l-about-section__skill{margin:4px}@media only screen and (max-width:700px){#l-about-section{justify-content:flex-start;overflow-y:scroll;padding:20px}#l-about-section__summary{min-height:200px;justify-content:flex-end;margin-bottom:5px}#l-about-section__skills{max-width:none}.l-about-section__skill{margin:2.5px}}.l-letter{-webkit-clip-path:inset(-4px);clip-path:inset(-4px);margin:1px}.c-letter{cursor:pointer;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translate(-135%);transform:translate(-135%);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform}.c-letter[data-state=appear-from-top]{-webkit-animation-name:appear-from-top;animation-name:appear-from-top}.c-letter[data-state=appear-from-right]{-webkit-animation-name:appear-from-right;animation-name:appear-from-right}.c-letter[data-state=appear-from-bottom]{-webkit-animation-name:appear-from-bottom;animation-name:appear-from-bottom}.c-letter[data-state=appear-from-left]{-webkit-animation-name:appear-from-left;animation-name:appear-from-left}.c-letter[data-state=disappear-from-top]{-webkit-animation-name:disappear-from-top;animation-name:disappear-from-top}.c-letter[data-state=disappear-from-right]{-webkit-animation-name:disappear-from-right;animation-name:disappear-from-right}.c-letter[data-state=disappear-from-bottom]{-webkit-animation-name:disappear-from-bottom;animation-name:disappear-from-bottom}.c-letter[data-state=disappear-from-left]{-webkit-animation-name:disappear-from-left;animation-name:disappear-from-left}@-webkit-keyframes appear-from-top{0%{-webkit-transform:translateY(-135%);transform:translateY(-135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes appear-from-top{0%{-webkit-transform:translateY(-135%);transform:translateY(-135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes appear-from-right{0%{-webkit-transform:translate(135%);transform:translate(135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes appear-from-right{0%{-webkit-transform:translate(135%);transform:translate(135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes appear-from-bottom{0%{-webkit-transform:translateY(135%);transform:translateY(135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes appear-from-bottom{0%{-webkit-transform:translateY(135%);transform:translateY(135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes appear-from-left{0%{-webkit-transform:translate(-135%);transform:translate(-135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes appear-from-left{0%{-webkit-transform:translate(-135%);transform:translate(-135%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes disappear-from-top{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-135%);transform:translateY(-135%)}}@keyframes disappear-from-top{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-135%);transform:translateY(-135%)}}@-webkit-keyframes disappear-from-right{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(135%);transform:translate(135%)}}@keyframes disappear-from-right{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(135%);transform:translate(135%)}}@-webkit-keyframes disappear-from-bottom{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(135%);transform:translateY(135%)}}@keyframes disappear-from-bottom{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(135%);transform:translateY(135%)}}@-webkit-keyframes disappear-from-left{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-135%);transform:translate(-135%)}}@keyframes disappear-from-left{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-135%);transform:translate(-135%)}}.l-summary-pagination__bar{margin:0;padding:10px 0}.c-summary-pagination__bar{justify-content:flex-start;align-items:center;height:2.5px;background-color:#fff;border-radius:2px;margin:0 2px}.c-summary-pagination__bar[data-state=selected]{width:40px;opacity:1}.c-summary-pagination__bar[data-state=not-selected]{width:20px;opacity:.5}.l-summary-pagination__bar:hover .c-summary-pagination__bar{opacity:1}#l-summary-tag-skill{box-sizing:border-box;position:relative;padding:4px 20px;background-color:#fff;border-radius:30px;-webkit-clip-path:inset(0 round 30px 30px 30px 30px);clip-path:inset(0 round 30px 30px 30px 30px)}#l-summary-tag-skill__label{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0);position:relative;top:0;left:0}#c-summary-tag-skill__title{position:relative;text-align:center;min-width:40px;color:#000;font-weight:lighter}#c-summary-tag-skill__fill{background-color:#92a10a;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transform-origin:0 50%;transform-origin:0 50%;border-radius:30px;-webkit-transform:translate(-100%);transform:translate(-100%)}#c-summary-tag-skill__percentage{color:#fff;position:absolute;top:25px}#l-summary-tag-skill[data-state=mouse-enter]{background-color:#944646;cursor:pointer}#l-summary-tag-skill[data-state=mouse-enter] #c-summary-tag-skill__title{-webkit-transform:translateY(-25px);transform:translateY(-25px)}#l-summary-tag-skill[data-state=mouse-enter] #c-summary-tag-skill__percentage{top:0}@media only screen and (max-width:700px){#l-summary-tag-skill{padding:2px 12px}#c-summary-tag-skill__title{min-width:10px}}.l-number{position:relative}.l-number__digit{margin:0 1px}.l-digit{position:relative;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0)}.l-digit__list{width:100%;position:absolute;top:0;left:0;will-change:transform}.h-digit{pointer-events:none;opacity:0;position:relative}.c-digit{margin:0;padding:0;width:100%;position:relative;text-align:right;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}#l-experience-section{box-sizing:border-box;position:relative;padding:70px;height:100%;width:100%}#l-experience-section__navigator{position:absolute;height:calc(100% - 140px);width:calc(100% - 140px);pointer-events:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"left right"}.c-navigator__arrow{font-size:7em;opacity:.2;color:#fff;height:100%;width:100%}.c-navigator__arrow>img{height:50px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.c-navigator__arrow:hover{opacity:.8}#c-navigator__left{justify-content:flex-start;grid-area:left}#c-navigator__left>img{-webkit-transform:translateX(-30px);transform:translateX(-30px)}#c-navigator__right{justify-content:flex-end;grid-area:right}#c-navigator__right>img{-webkit-transform:scaleX(-1) translateX(-30px);transform:scaleX(-1) translateX(-30px)}#l-experience-section__title{display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0 0 50px}.l-experience-section__experience{margin:0 0 60px}#l-experience-section__experiences{height:100%;overflow-y:scroll;box-sizing:content-box;padding-right:17px;-webkit-clip-path:inset(0 17px 0 0);clip-path:inset(0 17px 0 0);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center}.c-experience-section__barrier{height:50px}@media only screen and (max-width:700px){#l-experience-section{padding:40px}#l-experience-section__title{margin:0 0 30px}#l-experience-section__experience{margin:0 0 0 10px;max-height:calc(100vh - 180px)}#l-experience-section__navigator{height:calc(100% - 80px);width:calc(100% - 80px)}}@media only screen and (max-width:400px){#l-experience-section{padding:30px}#l-experience-section__title{margin:0 0 30px}#l-experience-section__experience{margin:0 0 0 -5px}#l-experience-section__navigator{height:calc(100% - 60px);width:calc(100% - 60px)}#c-navigator__left>img{-webkit-transform:translateX(-20px);transform:translateX(-20px)}#c-navigator__right>img{-webkit-transform:scaleX(-1) translateX(-20px);transform:scaleX(-1) translateX(-20px)}}.l-title{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.c-title__icon{height:35px}.c-title__name{padding:0 0 0 15px;font-size:2em;font-weight:700}.l-experience{display:grid;max-width:1000px;grid-template-columns:auto 1fr 23fr;grid-template-rows:repeat(3,auto);grid-template-areas:"begin-date     title-circle    role" "current-date   dotted-line     detail" "end-date       cross           finish"}.l-experience h2{font-size:1.3em;font-weight:700}.l-experience .c-experience__planet{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}.l-experience:hover .c-experience__planet{-webkit-transform:scale(1);transform:scale(1)}.l-experience:hover .l-experience__date[data-id=current] .c-experience__date{opacity:.5}.c-experience__date{justify-content:flex-end;align-items:center}.c-experience__range-date{display:none;font-weight:700}.c-experience__date[data-id=begin]{grid-area:begin-date}.l-experience__title-circle{position:relative;grid-area:title-circle;padding:0 15px}.c-experience__empty-circle{position:absolute;height:13px;width:13px;border-radius:50%;border:1px solid #fff}.c-experience__role{grid-area:role;justify-content:flex-start;align-items:center}.l-experience__dotted-line{grid-area:dotted-line;padding:10px 15px}.l-experience__date[data-id=current]{grid-area:current-date}.l-experience__date[data-id=current] .c-experience__date{opacity:0;display:flex;justify-content:flex-end}.c-experience__dotted-line{width:0;height:100%;border-left:4px dotted #fff}.l-experience__detail{grid-area:detail;padding:0 0 20px}.c-experience__company{padding:5px 0 0}.c-experience__brief{margin:15px 0}.l-experience__tags{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.c-experience__tag{margin:3px}.c-experience__date[data-id=end]{grid-area:end-date}.l-experience__cross{grid-area:cross;padding:0 15px}.c-experience__cross{position:relative;height:15px;width:15px}.c-experience__cross:after,.c-experience__cross:before{content:"";background-color:#fff;position:absolute;height:100%;width:2px;border-radius:2px;top:50%;left:50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.c-experience__cross:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.c-experience__cross:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.c-experience__finish{justify-content:flex-start;grid-area:finish}@media only screen and (max-width:700px){.l-experience{grid-template-columns:auto 25fr auto;grid-template-rows:repeat(2,auto);grid-template-areas:"title-circle    role" "dotted-line     detail" "cross           finish";font-size:1em}.l-experience h2{font-size:1em}.c-experience__range-date{display:block}.c-experience__date{display:none!important;height:0!important}}.l-tag{min-width:15px;background-color:#fff;border-radius:100px}.c-tag__name{color:#2a002a;font-weight:700}.l-date__year{padding-left:2px}.l-date__month{padding-left:4px}.l-month{position:relative;-webkit-clip-path:inset(3px 0 0 0);clip-path:inset(3px 0 0 0)}.l-month__list{width:100%;position:absolute;top:0;left:0}.h-month{pointer-events:none;opacity:0;position:relative}.c-month{margin:0;width:100%;position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}#l-not-found{position:relative;height:100vh;width:100vw}#c-not-found__sun{position:absolute;z-index:1;top:calc(-75vh + 150px);right:calc(-75vh + 300px);height:150vh}#c-not-found__astronout{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:50vh}#l-not-found__description{position:absolute;z-index:3;bottom:100px;left:50px}#l-not-found__error{align-items:flex-end}#c-not-found__error-code{font-weight:700;font-size:4em}#c-not-found__error-suffix{margin:0 0 8px 8px;font-weight:700;font-size:1.5em}#c-not-found__clue,#c-not-found__message{font-weight:700;font-size:.8em}#c-not-found__clue{font-weight:400}#c-not-found__home-button{margin:20px 0 0}@media only screen and (max-width:800px){#c-not-found__sun{top:calc(-50vh + 120px);right:calc(-50vh + 140px);height:100vh}#c-not-found__astronout{top:45vh;height:35vw}#c-not-found__error-code{font-size:3em}#c-not-found__error-suffix{font-size:1.2em}#c-not-found__clue,#c-not-found__message{font-size:.75em}#c-not-found__home-button{margin:10px 0 0}#l-not-found__description{left:40px}}@media only screen and (max-width:400px){#c-not-found__sun{top:calc(-60vw + 120px);right:calc(-60vw + 60px);height:120vw}#c-not-found__astronout{top:45vh;height:60vw}#c-not-found__error-code{font-size:2em}#c-not-found__error-suffix{font-size:1em}#c-not-found__clue,#c-not-found__message{font-size:.7em}#c-not-found__home-button{margin:10px 0 0}#l-not-found__description{left:20px}}.l-button{position:relative;padding:5px 20px;border-radius:20px;-webkit-clip-path:inset(0 round 20px);clip-path:inset(0 round 20px)}.l-button:hover .c-button__filler{-webkit-transform:translate(0);transform:translate(0)}.l-button:hover .l-button__name{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.l-button:hover .c-button__go{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.c-button__filler{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:20px;background-color:#92a10a;-webkit-transform:translate(-100%);transform:translate(-100%)}.c-button__icon{height:12px;margin-right:6px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.l-button__content{position:relative;-webkit-clip-path:inset(0);clip-path:inset(0)}.c-button__name{position:relative;bottom:1px;color:#2a002a}.c-button__go{position:absolute;height:100%;width:100%;top:-1px;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);color:#fff}#l-project-section{box-sizing:border-box;padding:70px}#l-project-section__projects{height:60vh;width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;overflow-y:scroll}.l-project-section__project{margin:15px}#l-project-section__title{display:flex;flex-flow:row nowrap;justify-content:flex-start;padding:0 0 20px}#l-project-section__project-modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}@media only screen and (max-width:700px){#l-project-section{padding:30px}.l-project-section__project{margin:10px}#l-project-section__projects{flex-flow:column nowrap;align-items:center;height:calc(100vh - 160px);width:calc(100vw - 60px);overflow-y:scroll;overflow-x:hidden}}.l-project{position:relative;height:220px;width:230px;border-radius:4px}.c-project__carpet{position:absolute;z-index:1;background-color:hsla(0,0%,100%,.041);top:50%;left:50%;height:105%;width:105%;-webkit-transform:translate(-50%,-50%) scale(.97);transform:translate(-50%,-50%) scale(.97);border-radius:4px}.l-project__detail,.l-project__thumbnail{position:relative;z-index:2}.c-project__thumbnail,.l-project__thumbnail{height:100%;width:100%}.c-project__thumbnail{object-fit:cover;border-radius:4px}.l-project__detail{padding:0 8px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;color:#fff;position:absolute;bottom:0;left:0;height:70px;width:100%;opacity:0;border-radius:4px}.l-project__detail>*{margin-top:7px}.l-project__detail>:first-child{margin-top:0}.c-project__title-icon{height:70%;margin:0 8px}.c-project__title{flex:0 1 auto;font-size:.7em;text-align:left;font-weight:400;border-radius:4px 40px 40px 4px}.c-project__description{font-size:.5em;color:hsla(0,0%,100%,.582);letter-spacing:1px}.c-project__date{margin-top:0;font-size:.5em;color:hsla(0,0%,100%,.911);letter-spacing:1px}.l-project__link{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.l-project__link-icon{background-color:#fff;height:20px;width:20px;border-radius:50%;margin-left:8px}.l-project__link-icon:first-child{margin-left:0}.c-project__code-icon{background-color:#fff;height:40%}.l-project:hover{background-size:auto 100%}.l-project:hover .c-project__carpet{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.l-project:hover .c-project__thumbnail{height:calc(100% - 78px)}.l-project:hover .l-project__detail{opacity:1}#l-project-modal{position:absolute;top:0;left:0;z-index:2;height:100vh;width:100vw}#l-project-modal[data-display=appear]{-webkit-clip-path:circle(130% at 80% 20%);clip-path:circle(130% at 80% 20%)}#l-project-modal[data-display=hide]{-webkit-clip-path:circle(0 at 80% 20%);clip-path:circle(0 at 80% 20%)}#l-project-modal__content{position:relative;height:880px;max-height:80vh;width:80vw;background-color:hsla(0,0%,100%,.096);border-radius:4px;display:grid;grid-template-columns:210px 40px auto;grid-template-rows:40px 250px auto 40px;grid-template-areas:"top            top     top" "thumbnail      gap     detail" "pagination     gap     detail" "bottom         bottom  bottom"}#c-project-modal__wall{position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:rgba(42,0,42,.9647058824)}#l-project-modal__thumbnail{grid-area:thumbnail;position:relative;border-radius:4px}#c-project-modal__thumbnail{position:absolute;top:0;right:0;height:250px;width:250px;object-fit:cover;border-radius:4px}#l-project-modal__pagination{grid-area:pagination;align-items:flex-start}#c-project-modal__pagination{margin:30px 0 0}.c-project-modal__pagination-button{height:24px}.c-project-modal__pagination-button[data-direction=left]{margin:0 10px 0 0}.c-project-modal__pagination-button[data-direction=right]{margin:0 0 0 10px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleX(-1);transform:scaleX(-1)}#l-project-modal__detail{grid-area:detail;position:relative}#c-project-modal__detail{box-sizing:border-box;position:absolute;top:0;left:0;padding:30px;height:100%;width:calc(100% + 40px);background-color:#fff;border-radius:4px;overflow-y:scroll}#c-project-modal__title{color:#2a002a;font-weight:700;font-size:40px}#c-project-modal__date{color:#2a002a;font-size:16px;font-weight:700}#c-project-modal__description{margin-top:25px;color:#2a002a!important;max-width:100%;font-size:14px}#c-project-modal__description *{color:#2a002a!important}#l-project-modal__tags{display:flex;flex-flow:row wrap}.c-project-modal__tag{margin:5px}#c-project-modal__buttons{position:absolute;right:0;bottom:30px}#c-project-modal__buttons>[data-type=padding]{margin-left:10px}.c-icon-button__filler,.l-icon-button{position:relative;height:26px;width:26px;border-radius:50%}.l-icon-button{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.l-icon-button:hover>.c-icon-button__filler{-webkit-transform:translate(0);transform:translate(0)}.c-icon-button__filler{position:absolute;top:0;left:0;background-color:#92a10a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translateY(100%);transform:translateY(100%)}.c-icon-button__icon{height:10px}#l-background{top:0;left:0;position:absolute;height:100vh}#c-background__image{height:100%;width:100%;background:#2a002a}#l-background__star--1{position:absolute;top:75px;left:150px}#l-background__star--2{position:absolute;bottom:20px;right:200px}
/*# sourceMappingURL=main.b1a46691.chunk.css.map */