/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}dt{font-weight:700}dd{margin-left:0}hr{border-top-width:1px;box-sizing:content-box;clear:both;color:inherit;height:0;margin:0;overflow:visible}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:0;color:inherit;font:inherit;margin:0;padding:0;text-align:inherit;text-transform:inherit;vertical-align:middle}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-collapse:collapse;border-color:inherit}caption{text-align:left}td,th{padding:0;vertical-align:top}th{font-weight:700;text-align:left}body{--color-theme-main:#316d6d;--color-theme-main-bright:#55b2b2;--color-theme-bg:#fafafa;--color-theme-text:#2a3030;--color-theme-text-sub:#7b8080;--color-theme-text-alert:#ab3011;--color-gray-lignt:#d3d5d5;--size-space-min:8px;--size-space-s:16px;--size-space-m:24px;--size-space-l:48px;--size-space-2l:72px;--size-space-3l:96px;--font-size-2s:1.2rem;--font-size-s:1.4rem;--font-size-m:1.6rem;--font-size-l:1.8rem;--font-size-2l:2.2rem;--font-size-3l:2.6rem}.page-portfolio{--size-corner-radius-panel:8px}.text-label-sub{color:var(--color-theme-text-sub);font-size:var(--font-size-s)}p>a{text-decoration:underline}.box-buttons{display:flex;margin-top:var(--size-space-l)}.box-buttons.buttons-center{justify-content:center}.button{text-align:center}.button:not(.text){border-radius:4px;line-height:1.2;padding:.66em 1em}.button.solid{background-color:var(--color-theme-main);box-shadow:0 6px 4px rgba(from var(--color-theme-main-bright) r g b/.3);color:var(--color-theme-bg);position:relative}.button.solid:active{box-shadow:0 2px rgba(from var(--color-theme-main-bright) r g b/.3);transition:all .2s ease-out}.button.text{text-decoration:underline}input[type=number],input[type=password],input[type=text]{border-radius:2px;box-shadow:2px 2px 3px rgba(from var(--color-gray-lignt) r g b/.4) inset;min-height:32px;outline:1px solid var(--color-gray-lignt);padding:.3em 1em}:is(input[type=number],input[type=password],input[type=text]):focus{outline-color:var(--color-theme-main-bright);transition:all .3s ease-out}.page-portfolio .item-title{color:var(--color-theme-main);font-weight:700}.page-portfolio .item-url,.page-portfolio .item-year{color:var(--color-theme-text-sub);font-size:var(--font-size-2s)}.page-portfolio .item-url a{text-decoration:underline}.page-portfolio .item-tags{color:var(--color-theme-main);display:flex;flex-wrap:wrap;font-size:var(--font-size-2s);gap:.6em;justify-content:flex-end;margin-bottom:.3em}.page-portfolio .item-tags .tag{background-color:rgb(from var(--color-theme-main) r g b/.1);border-radius:1em;padding:.1em 1em}.page-portfolio .content-renderer>*{margin-bottom:var(--size-space-2l)}.page-portfolio .content-renderer .box-column{margin-top:var(--size-space-m)}.page-portfolio .content-body h1,.page-portfolio .content-body h4,.page-portfolio .content-body h5,.page-portfolio .content-body h6{margin-bottom:.33em}.page-portfolio .content-body h2 a{text-decoration:unset}.page-portfolio .content-body h1,.page-portfolio .content-body h3,.page-portfolio .content-body h4{color:var(--color-theme-main);font-weight:700}.page-portfolio .content-body h5,.page-portfolio .content-body h6{color:var(--color-theme-text-sub)}:is(.page-portfolio .content-body h3,.page-portfolio .content-body h4) .header-sub{font-family:Schoolbell,cursive}.page-portfolio .content-body h3 .header-sub{font-size:1.3em}.page-portfolio .content-body h3:has(.header-sub){opacity:.4}.page-portfolio .content-body h1{font-size:1.2em}.page-portfolio .content-body h2{--size-tail:var(--size-space-min);background-color:var(--color-theme-main);color:var(--color-theme-bg);font-size:1.1em;margin-bottom:calc(.33em + var(--size-tail)*3);padding:.2em .66em;position:relative}.page-portfolio .content-body h2:after,.page-portfolio .content-body h2:before{border:0 solid var(--color-theme-main);content:"";display:block;position:absolute}.page-portfolio .content-body h2:before{border-width:1px 0;height:100%;left:calc(var(--size-tail)*-1);top:0;width:calc(100% + var(--size-tail)*2)}.page-portfolio .content-body h2:after{border-width:0 1px;height:calc(100% + var(--size-tail)*2);left:0;top:calc(var(--size-tail)*-1);width:100%}.page-portfolio .content-body h3{align-items:center;display:flex;gap:.33em;margin-bottom:.99em}.page-portfolio .content-body h3:after,.page-portfolio .content-body h3:before{border-bottom:1px solid;content:"";display:block}.page-portfolio .content-body h3:before{width:.66em}.page-portfolio .content-body h3:after{flex:1}.page-portfolio .content-body h6{font-size:.9em}.page-portfolio .content-body p{margin-bottom:.76em;word-break:break-all}.page-portfolio .content-body a{text-decoration:underline}.page-portfolio .content-body ol,.page-portfolio .content-body ul{margin:1em 0}:is(.page-portfolio .content-body ol,.page-portfolio .content-body ul) li:before{color:var(--color-theme-text-sub)}.page-portfolio .content-body ol{counter-reset:item}.page-portfolio .content-body ol li{counter-increment:item}.page-portfolio .content-body ol li:before{content:counter(item) ". ";font-size:.8em;margin-right:.1em}.page-portfolio .content-body ul li{padding-left:.8em;position:relative}.page-portfolio .content-body ul li:before{border-bottom:1px solid;content:"";height:1px;left:0;position:absolute;top:.8em;width:.5em}.page-portfolio .content-body table{margin:1em 0}.page-portfolio .content-body table td,.page-portfolio .content-body table th{border-bottom-style:solid;border-color:var(--color-gray-lignt);border-top-style:solid;border-width:1px 0;padding:.1em .66em}:is(.page-portfolio .content-body table td,.page-portfolio .content-body table th)+td,:is(.page-portfolio .content-body table td,.page-portfolio .content-body table th)+th{border-left-style:dotted;border-left-width:1px}.page-portfolio .content-body blockquote{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff;border-radius:8px;box-shadow:0 4px 10px rgb(from var(--color-theme-main) r g b/.2);margin:1em 0;padding:var(--size-space-m) var(--size-space-s) var(--size-space-min) var(--size-space-s);position:relative}.page-portfolio .content-body blockquote:before{background-color:var(--color-theme-main);content:"";display:block;height:3.6em;left:-.2em;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yMTMgMTIuNzVjLS4wODQuNzc0LS4zMDggMS4zOTItLjY5OCAxLjk0LS41MjMuNzMxLTEuNCAxLjQxNC0yLjg1IDIuMTRhLjc1Ljc1IDAgMSAwIC42NyAxLjM0YzEuNTUtLjc3NCAyLjY3My0xLjU5MSAzLjQtMi42MS43NDEtMS4wMzYgMS4wMTUtMi4yMDMgMS4wMTUtMy41NlY3LjVBMS43NSAxLjc1IDAgMCAwIDkgNS43NUg1QTEuNzUgMS43NSAwIDAgMCAzLjI1IDcuNVYxMWMwIC45NjYuNzg0IDEuNzUgMS43NSAxLjc1em0xMCAwYy0uMDg0Ljc3NC0uMzA4IDEuMzkyLS42OTggMS45NC0uNTIzLjczMS0xLjQgMS40MTQtMi44NSAyLjE0YS43NS43NSAwIDEgMCAuNjcgMS4zNGMxLjU1LS43NzQgMi42NzMtMS41OTEgMy40LTIuNjEuNzQxLTEuMDM2IDEuMDE1LTIuMjAzIDEuMDE1LTMuNTZWNy41QTEuNzUgMS43NSAwIDAgMCAxOSA1Ljc1aC00YTEuNzUgMS43NSAwIDAgMC0xLjc1IDEuNzVWMTFjMCAuOTY2Ljc4NCAxLjc1IDEuNzUgMS43NXoiLz48L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yMTMgMTIuNzVjLS4wODQuNzc0LS4zMDggMS4zOTItLjY5OCAxLjk0LS41MjMuNzMxLTEuNCAxLjQxNC0yLjg1IDIuMTRhLjc1Ljc1IDAgMSAwIC42NyAxLjM0YzEuNTUtLjc3NCAyLjY3My0xLjU5MSAzLjQtMi42MS43NDEtMS4wMzYgMS4wMTUtMi4yMDMgMS4wMTUtMy41NlY3LjVBMS43NSAxLjc1IDAgMCAwIDkgNS43NUg1QTEuNzUgMS43NSAwIDAgMCAzLjI1IDcuNVYxMWMwIC45NjYuNzg0IDEuNzUgMS43NSAxLjc1em0xMCAwYy0uMDg0Ljc3NC0uMzA4IDEuMzkyLS42OTggMS45NC0uNTIzLjczMS0xLjQgMS40MTQtMi44NSAyLjE0YS43NS43NSAwIDEgMCAuNjcgMS4zNGMxLjU1LS43NzQgMi42NzMtMS41OTEgMy40LTIuNjEuNzQxLTEuMDM2IDEuMDE1LTIuMjAzIDEuMDE1LTMuNTZWNy41QTEuNzUgMS43NSAwIDAgMCAxOSA1Ljc1aC00YTEuNzUgMS43NSAwIDAgMC0xLjc1IDEuNzVWMTFjMCAuOTY2Ljc4NCAxLjc1IDEuNzUgMS43NXoiLz48L3N2Zz4=);-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;opacity:.3;position:absolute;top:-1.2em;width:3.6em}.page-portfolio .content-body pre code{font-family:Source Code Pro;font-optical-sizing:auto;font-style:normal;font-weight:400}.page-portfolio .content-body hr{color:var(--color-theme-main-bright)}html{font-size:62.5%;line-height:1.6}body{color:var(--color-theme-text);font-size:1.6rem}img{max-width:100%}