@keyframes chevron-slide-in-hover{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes chevron-hover-off{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}:root{--selection-color:white;--selection-bg-color:#000000fe;--main-max-width-big:1366px;--main-max-width-small:1366px;--main-bg-color:#ffffff;--main-bg-color-trans:#fffffff8;--main-text-color:#000000;--main-text-color-inactive:#757575;--main-text-size-default:18px;--main-sub-text-color:#757575;--main-min-height-pre:100vh;--main-min-height:calc(var(--main-min-height-pre) - var(--navbar-height) - var(--card-container-margin-bottom));--header-max-height:75vh;--header-height-pre:320px;--header-height:min(var(--header-height-pre), var(--header-max-height));--header-bg-color:var(--card-bg-color-hover);--header-text-shadow-color:rgba(0, 0, 0, 0.4);--gradient-color-1:#c3e4ff;--gradient-color-2:#6ec3f4;--gradient-color-3:#eae2ff;--gradient-color-4:#b9beff;--gradient-bg-color:#c9d8ff;--body-padding:48px;--navbar-item-line-height:16px;--navbar-height:var(--navbar-item-line-height);--footer-vertical-padding:48px;--footer-horizontal-padding:96px;--footer-border-color:rgb(0 0 0 / 10%);--footer-text-gap:6px;--h1-text-size:4em;--h2-text-size:3.5em;--h3-text-size:3em;--h4-text-size:2.5em;--h5-text-size:2em;--h6-text-size:1.5em;--section-title-margin-bottom:28px;--card-container-margin-top:8px;--card-container-margin-bottom:64px;--card-bg-color:rgb(228, 232, 238);--card-bg-color-hover:rgb(217, 220, 225);--card-bg-color-down:rgb(217, 220, 225);--card-text-color:var(--main-text-color);--card-sub-text-color:var(--main-sub-text-color);--card-width:236px;--card-min-width:160px;--card-max-width:320px;--card-padding:6px;--card-gap:28px;--card-font-size:12pt;--card-icon-size:24px;--card-icon-margin-right:8px;--project-card-bg-color:var(--card-bg-color);--project-card-bg-color-hover:var(--card-bg-color-hover);--project-card-bg-color-down:var(--card-bg-color-down);--project-card-min-width:160px;--project-card-max-width:384px;--project-card-padding:28px}@supports(height:1dvh){#globalnav.globalnav-with-flyout-open .globalnav-content{--header-max-height:100svh;--main-min-height-pre:100lvh}}@supports((-webkit-backdrop-filter:saturate(180%) blur(20px)) or (backdrop-filter:saturate(180%) blur(20px))){:root,_::-webkit-full-page-media,_:future{--main-bg-color-trans:#ffffffca}:root .blur,_::-webkit-full-page-media,_:future{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}::-moz-selection{color:var(--selection-color);background:var(--selection-bg-color)}::selection{color:var(--selection-color);background:var(--selection-bg-color)}body,html{height:auto;margin:0}html{width:100%;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale}body{background-color:var(--main-bg-color)}a{text-decoration:underline}*,.navbar-item a:hover,.navbar-item a[aria-current=page],a,a:hover,a:visited{color:var(--main-text-color)}header{height:var(--header-height);display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:var(--header-bg-color);text-align:center;text-shadow:0 0 15px var(--header-text-shadow-color)}.header-title{position:absolute;margin:auto;max-width:calc(100% - (16px + 16px));padding:16px;font-weight:900}.gradient-bg{width:100%;height:100%;background:var(--gradient-bg-color)}.navbar{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:8;justify-content:center;padding:12px;transition:border .32s cubic-bezier(.4,0,.6,1);border-bottom:1px solid var(--main-bg-color);margin-bottom:var(--card-container-margin-bottom)}.navbar.pinned{border-bottom:1px solid var(--footer-border-color)}.navbar-btn-group{position:relative;z-index:2}.navbar-btn-menu{width:var(--navbar-height);height:var(--navbar-height);background:0 0;color:var(--main-text-color);cursor:pointer;display:none;border:0;margin-left:auto;padding:0;position:relative}.navbar-btn-menu-icon{fill:var(--main-text-color);vertical-align:middle}.navbar-btn-menu-icon[aria-hidden=true],.navbar-item a svg{display:none}.navbar-list{max-width:var(--main-max-width-small);align-items:center;box-shadow:none;display:flex;list-style:none;margin:0;padding:0}.navbar-list-div{background:var(--main-sub-text-color);height:var(--navbar-item-line-height);width:2px;border-radius:9px}.navbar-item{font-size:12pt;line-height:var(--navbar-item-line-height);margin-bottom:0;margin-right:20px}.navbar-item:last-child{margin-right:0}.navbar-item a{color:var(--main-text-color-inactive);display:inline;text-decoration:none;transition:color .16s cubic-bezier(.4,0,.6,1);line-height:24px}main{box-sizing:border-box;min-height:var(--main-min-height);max-width:var(--main-max-width-big);width:100%;height:100%;margin-left:auto;margin-right:auto;padding-bottom:env(safe-area-inset-bottom);padding-left:calc(env(safe-area-inset-left) + var(--body-padding));padding-right:calc(env(safe-area-inset-right) + var(--body-padding));font-size:var(--main-text-size-default)}h1{font-size:var(--h1-text-size);letter-spacing:.5px}h2,h3,h4,h5,h6{margin-block-end:0}h2{font-size:var(--h2-text-size);letter-spacing:.25px}h3{font-size:var(--h3-text-size)}h4{font-size:var(--h4-text-size)}h5{font-size:var(--h5-text-size)}h6{font-size:var(--h6-text-size)}.section-title{margin:0 0 var(--section-title-margin-bottom)0}.section-title-centered{text-align:center}.display-only{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-overflow-scrolling:auto;-khtml-user-drag:none;-khtml-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none;text-decoration:none}.welcome-container{margin-bottom:var(--card-container-margin-bottom)}.project-container,footer{margin-left:auto;margin-right:auto}.project-container{display:flex;flex-wrap:wrap;gap:var(--card-gap);margin-top:var(--card-container-margin-top);margin-bottom:var(--card-container-margin-bottom);justify-content:center}.project-card{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;flex-basis:38%;min-width:var(--card-min-width);max-width:var(--card-max-width);padding:var(--project-card-padding);box-sizing:content-box;contain:content;background-color:var(--project-card-bg-color);color:var(--card-text-color);border-radius:24px;transition:background-color 100ms linear,transform ease .3s,box-shadow ease .3s}.project-card-dummy{visibility:hidden}.project-card:active,.project-card:hover{background-color:var(--project-card-bg-color-hover)}.project-card:hover{text-decoration:none}.project-card:active{transform:scale(.975)}.project-card-icon{height:var(--card-icon-size);width:var(--card-icon-size);margin-right:var(--card-icon-margin-right);fill:var(--card-text-color)}.project-name{margin:0 0 16px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.project-details{margin:0 0 28px}.project-sub-details{margin:auto 0 0;color:var(--card-sub-text-color)}.project-more{width:100%;text-align:end}footer{max-width:var(--main-max-width-small);font-size:12pt;text-align:center;color:var(--main-text-color)}footer svg{vertical-align:middle}.footer-group{margin-left:calc(env(safe-area-inset-left) + var(--footer-horizontal-padding));margin-right:calc(env(safe-area-inset-right) + var(--footer-horizontal-padding));padding-top:var(--footer-vertical-padding);padding-bottom:calc(env(safe-area-inset-bottom) + var(--footer-vertical-padding));border-top:1px solid var(--footer-border-color)}.footer-group div{padding-top:var(--footer-text-gap);padding-bottom:var(--footer-text-gap)}.blur{background-color:var(--main-bg-color-trans)}@media(prefers-color-scheme:dark){:root{--selection-color:black;--selection-bg-color:#fffffffe;--header-bg-color:rgb(0, 0, 0);--header-text-shadow-color:rgba(255, 255, 255, 0.4);--gradient-color-1:#043D5D;--gradient-color-2:#032E46;--gradient-color-3:#23B684;--gradient-color-4:#0F595E;--gradient-bg-color:#13746c;--main-bg-color:#000000;--main-bg-color-trans:#000000e8;--main-text-color:#ffffff;--main-text-color-inactive:#aaaaaa;--main-sub-text-color:#a0a0a0;--footer-border-color:rgb(255 255 255 / 16%);--card-bg-color:#303134;--card-bg-color-hover:rgba(232, 234, 237, .12);--card-bg-color-down:rgba(255, 255, 255, .16)}@supports((-webkit-backdrop-filter:saturate(180%) blur(20px)) or (backdrop-filter:saturate(180%) blur(20px))){:root,_::-webkit-full-page-media,_:future{--main-bg-color-trans:#00000099}}}@media(max-width:1024px){:root{--body-padding:28px;--footer-horizontal-padding:64px}}@media(max-width:600px){:root{--h1-text-size:3.8em;--h2-text-size:3.3em;--h3-text-size:2.8em;--h4-text-size:2.3em;--h5-text-size:1.8em;--h6-text-size:1.3em;--body-padding:16px;--header-height-pre:288px;--footer-vertical-padding:36px;--footer-horizontal-padding:48px;--section-title-margin-bottom:24px;--card-padding:4px;--card-gap:16px;--project-card-padding:24px}}@media(max-width:480px){:root{--body-padding:12px;--header-height-pre:224px;--navbar-height:48px;--h1-text-size:2.6em;--h2-text-size:2.2em;--h3-text-size:1.8em;--h4-text-size:1.3em;--h5-text-size:1.1em;--h6-text-size:1.0em;--card-container-margin-bottom:54px}.navbar{padding:0;position:static}.navbar[js]{position:-webkit-sticky;position:sticky}.navbar[expanded=true][js]{box-shadow:0 4px 16px rgb(0 0 0/12%)}.navbar,.navbar-btn-menu[js],.navbar-list[mobile-hidden=false]{display:block}.navbar-list{display:none;padding:16px 24px}.navbar-list-div{background:0}.navbar-item{font-size:14pt;margin:0 0 16px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-overflow-scrolling:auto;-khtml-user-drag:none;-khtml-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none;text-decoration:none}.navbar-item:last-child{margin-bottom:0}.navbar-item a{display:flex;justify-content:space-between;max-width:none;width:auto}.navbar-item a svg{display:inline;opacity:1;fill:var(--main-text-color);transform-origin:center;animation:chevron-hover-off .24s cubic-bezier(.4,0,.6,1) both;visibility:hidden;transition:visibility .24s step-end}.navbar-item a:hover svg{visibility:visible;transition:visibility .24s step-start;opacity:1;animation:chevron-slide-in-hover .24s cubic-bezier(.4,0,.6,1) both}}@media(max-width:320px){:root{--body-padding:10px;--footer-vertical-padding:32px;--footer-horizontal-padding:28px;--section-title-margin-bottom:20px;--card-container-margin-bottom:48px;--card-gap:8px;--project-card-padding:22px}}@media(max-width:280px){:root{--body-padding:4px;--footer-vertical-padding:28px;--footer-horizontal-padding:16px;--section-title-margin-bottom:16px;--card-container-margin-bottom:24px;--project-card-padding:20px}}