*,*::before,*::after{box-sizing:border-box}h1{font-size:2rem}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--color-text: #222;--color-background: white;--color-primary: #fd4253;--color-card-background: 224, 224, 224;--color-card-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;--mdc-typography-body2: { color: var(--color-text); };--mdc-theme-primary: var(--color-primary);--unit: 1rem;--container-width: 40ch;--font-family-sans-serif: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;--font-family-titles: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif}body.dark{--color-text: #e0e0e0;--color-background: #121212;--color-primary: #fd4253;--color-card-background: 33, 33, 33;--color-card-shadow: 29px 29px 58px #1f1f1f, -29px -29px 58px #292929}.post-hero{z-index:-1;border-radius:50px;background-color:var(--color-primary);color:var(--color-text);display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;min-height:75vh;background-repeat:no-repeat;background-size:cover;background-position:center}.post-hero>.content{position:relative;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;height:100%;border-radius:50px;padding:10px;background-color:rgba(var(--color-card-background), 1)}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){.post-hero>.content{background-color:rgba(var(--color-card-background), 0.25);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.post-hero>.content>h5{margin:4px}.post-hero>.content>h1{font-size:2.5rem;margin-bottom:15px;font-family:var(--font-family-titles)}.post-card{will-change:transform;z-index:2;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;margin-left:10vw;margin-right:10vw;border-radius:50px;transform:translateY(-50px);padding-bottom:100px;border-radius:50px;box-shadow:var(--color-card-shadow);background-color:rgba(var(--color-card-background), 1)}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){.post-card{background-color:rgba(var(--color-card-background), 0.85);-webkit-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px)}}.post-card>header{margin-top:15px;text-align:center;max-width:70vw}.post-card>header>h1{font-size:2.5rem;margin-bottom:15px;font-family:var(--font-family-titles)}.post-card>article{max-width:70vw}.post-card>article .full-width{max-width:initial}@media screen and (max-width: 600px){.post-card>article .full-width{max-width:60vw}}.card-grid{display:grid;grid-auto-flow:row dense;grid-auto-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px 15px}@media screen and (max-width: 1100px){.card-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 500px){.card-grid{grid-template-columns:1fr}}.square-card{background-color:rgba(var(--color-card-background), 1);border-radius:50px;box-shadow:0px 0px 10px rgba(var(--color-card-shadow), 0.5);color:var(--color-text);text-decoration:none;height:100%;position:relative}.square-card>.header{width:100%;position:relative}.square-card>.header>.image{background-position:center;background-size:cover;top:0px;min-height:270px;border-radius:50px 50px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center}.square-card>.header>.image>img{border-radius:50px 50px 0 0;height:auto;width:100%;z-index:1}.square-card>.header>.title{z-index:2;position:absolute;bottom:10px;left:50%;border-radius:50px;transform:translateX(-50%);padding:10px;text-align:center;background-color:rgba(var(--color-card-background), 1)}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){.square-card>.header>.title{background-color:rgba(var(--color-card-background), 0.65);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.square-card .body{padding:30px}.tag-list{padding:3px;display:flex;justify-content:space-around;align-items:center;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap}.tag-list>*{margin-bottom:14px}#homepage-intro{position:fixed;height:100vh;width:100vw;z-index:50;display:flex;align-items:center;justify-content:center;top:0;background-color:#fff;visibility:hidden}.letterbox{position:fixed;background-color:#000;width:100%;z-index:100;left:0px}.letterbox.show{height:100px}.letterbox.top{top:0}.letterbox.bottom{bottom:0}#homepage-intro-morph{width:100vw;--jh-name-morph-fill-color: black}#homepage-threejs{position:fixed;top:0;z-index:-10;height:100%;width:100%}#homepage-morph-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh}#homepage-header{pointer-events:none;position:fixed;top:0px;height:100vh;width:100%;z-index:-10;display:flex;align-items:center;justify-content:center;flex-direction:column}#homepage-header>.big-avatar{max-width:300px;max-height:300px;aspect-ratio:1;height:auto}@media screen and (max-width: 500px){#homepage-header>.big-avatar{max-width:200px;max-height:200px}}#homepage-header>.homepage-name>*{background-color:rgba(255,255,255,.3);border-radius:15px;padding:4px 10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:10px}#homepage-content{margin-top:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#homepage-header-bg{pointer-events:all;top:0;position:fixed;height:100vh;width:100vw;z-index:-10}.homepage-article{position:relative;max-width:1000px;margin-top:30px;margin-left:15px;margin-right:15px;overflow:hidden;border-radius:50px;background-color:rgba(var(--color-card-background), 1);background-position:right}.homepage-article .homepage-article-content{position:relative;padding:35px;border-radius:50px;background-color:rgba(var(--color-card-background), 1)}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){.homepage-article .homepage-article-content{background-color:rgba(var(--color-card-background), 0.65);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}#homepage-scroll-hint{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 15px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#homepage-scroll-hint>span{text-align:center}#homepage-scroll-hint>svg{width:30px;height:30px;fill:#fff}#homepage-about-me{padding:35px;border-radius:50px;background-color:rgba(var(--color-card-background), 1);max-width:1000px;margin-top:30px;margin-left:15px;margin-right:15px;border-color:var(--color-primary);border-style:solid;border-width:5px}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){#homepage-about-me{background-color:rgba(var(--color-card-background), 0.65);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}#homepage-about-me .big-avatar{width:auto;aspect-ratio:1;height:100px;margin-right:20px}.showcase-foreground{bottom:env(safe-area-inset-bottom, 0px);position:absolute;margin-left:60px;margin-right:60px;margin-bottom:40px;padding:15px;border-radius:15px;background-color:rgba(var(--color-card-background), 1)}@media only screen and (min-width: 600px){.showcase-foreground{display:grid;grid-auto-columns:1fr;grid-template-columns:auto 2fr;gap:0px 15px}}.showcase-foreground .nav{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-end;text-align:right}.showcase-foreground .nav jh-button{font-size:1.3rem}.showcase-foreground .nav>*{margin:4px}.showcase-foreground p{margin-top:10px;margin-bottom:10px}@media only screen and (max-width: 600px){.showcase-foreground p{display:none}}.showcase-gridview{position:fixed;bottom:0px;right:0px}body{color:var(--color-text);background-color:var(--color-background);font-family:var(--font-family-sans-serif)}a{color:var(--color-primary)}a.unstyle{text-decoration:none;color:var(--color-text)}a.unstyle:any-link{color:inherit}jh-icon{width:1em;height:1em;--jh-icon-fill-color: var(--color-text);--jh-icon-active-fill-color: var(--color-primary)}#main{margin-top:90px}#main.post{max-width:var(--container-width);margin:calc(var(--unit)*5) auto}#navigation{display:flex;border-bottom:1px solid var(--color-light);margin:var(--unit);align-items:center;justify-content:center;position:fixed;top:0}#navigation-model-button{position:fixed;visibility:hidden;top:0px;margin:var(--unit);z-index:10}#main-nav{display:flex;align-items:center;justify-content:center;position:relative;z-index:10;--jh-button-text-color: #ffffff}#main-nav.overflow #navigation{visibility:hidden}#main-nav.overflow #navigation-model-button{visibility:visible}#nav-overlay{background-color:#121212cc;position:fixed;right:0px;top:0px;width:0px;height:0px;border-radius:0% 0% 0% 50%;transition-property:opacity,width;transition-duration:.1s,.3s;transition-timing-function:ease-in-out;z-index:99;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0}#nav-overlay>*{display:none}#nav-overlay.open{width:100vw;height:100vh;border-radius:0%;opacity:1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}#nav-overlay.open>*{display:block}hr{border-width:1px 0 0;border-color:var(--color-light)}.navigation-item,.navigation-label{padding:calc(var(--unit)/2)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.flex-cross-center{align-items:center}.flax-main-center{justify-content:center}.spacer{margin:5px}.avatar{border-radius:50%;border:1px solid var(--color-light)}.avatar>picture{border-radius:50%;border:1px solid var(--color-light)}.center-text{text-align:center}.big-avatar{border-color:#fff;border-style:solid;border-width:5px;background-repeat:no-repeat;background-position:50%;border-radius:50%;background-size:cover;width:inherit;height:inherit}blockquote{border-left:4px solid var(--color-primary);padding-left:calc(var(--unit)*2);margin-left:calc(var(--unit)*2);font-style:italic}