@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@200;300;400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}:root{color-scheme:light dark;font-family:Bricolage Grotesque,Helvetica,Arial,sans-serif;--app-width: 1280px;--content-width: 960px;--min-content-width: 300px;--gutter: clamp(16px, 5vw, 48px)}:root.theme-chocolate{--background: #F6F3EC;--surface: #ECE4DA;--accent: #B9A590;--primary: #574C3F;--text: #36302A}:root.theme-grey{--background: #FFFFFF;--surface: #EBEAEB;--accent: #BDB2C3;--primary: #5C5751;--text: #000000}.app-page{display:grid;grid-template-columns:minmax(var(--gutter),1fr) minmax(0,var(--content-width)) minmax(var(--gutter),1fr);width:100vw;min-height:100vh}section:not(.full-bleed){grid-column:2;max-width:var(--app-width);width:100%}section.full-bleed{grid-column:1 / span 3}.full-bleed-content{margin:0 auto;max-width:var(--content-width);width:100%}.full-bleed-wide{margin:0 auto;max-width:var(--app-width);width:100%}@media (max-width: 800px){.full-bleed-content{padding:0 var(--gutter)}}body{background:var(--surface);color:var(--text);display:flex;font-size:1rem;font-weight:300;margin:0;min-height:100vh}b,strong{font-weight:500}.display-1{font-size:3.5rem;font-weight:200;line-height:1.2em}.display-2{font-size:2.6rem;font-weight:200;line-height:1.2em}.display-3{font-size:2.5rem;font-weight:200;line-height:1.2em}a,a:link,a:visited{color:unset}.button{align-items:center;border:1px solid var(--primary);border-radius:24px;color:text;display:flex;flex-flow:row nowrap;gap:8px;font-size:1.1rem;font-weight:400;padding:12px 16px;width:fit-content;text-decoration:none;transition:color .25s ease,color .25s ease;transition:background-color .25s ease,color .25s ease}.button.primary{background-color:var(--primary);color:var(--background)}.button:hover,.button.primary:hover{background-color:var(--accent);color:var(--background)}.card{background:var(--background);border:1px solid var(--text);border-radius:16px}h1{margin-top:0;margin-bottom:10px;font-size:2.4rem;font-weight:300}h2{margin-top:0;margin-bottom:10px;font-size:1.8rem;font-weight:200}h3{margin-top:0;margin-bottom:10px;font-size:1.5rem;font-weight:300}h4{margin-top:0;margin-bottom:10px;font-size:1.2rem;font-weight:300}h5{margin-top:0;margin-bottom:10px;font-size:1.1rem;font-weight:300}h6{margin-top:0;margin-bottom:10px;font-size:1rem;font-weight:300}p{font-size:1.2rem;font-weight:200;line-height:1.4em;margin:0 0 20px}.paragraph-large{font-size:1.5rem;font-weight:200;line-height:1.5em}.paragraph-largest{font-size:1.8rem;font-weight:200;line-height:1.5em}.label{letter-spacing:.02rem;text-transform:uppercase;font-size:.9rem;font-weight:200;line-height:1em}.heading-and-content{display:flex;flex-flow:column nowrap;gap:24px;padding:32px 0}@media (hover: hover) and (pointer: fine){.icon-button-new-tab:hover .material-icon{transform:rotate(-45deg);transition:transform .3s ease}.icon-button-downwards:hover .material-icon{transform:rotate(90deg);transition:transform .3s ease}}@media (hover: none){.icon-button-new-tab .material-icon{transform:rotate(-45deg)}.icon-button-downwards .material-icon{transform:rotate(90deg)}}.horizontal_flip{transform:rotateY(180deg)}section.hero{padding:0 0 48px}.heading{display:flex;flex-flow:column nowrap;gap:48px}.hero-image{--image-size: 200px;border-radius:50%;height:var(--image-size);width:var(--image-size)}.hero-text{display:flex;flex-direction:column;gap:16px}.resume-button{align-self:flex-start}section.highlights{align-items:flex-start;display:flex;flex-flow:column nowrap;padding:0 0 32px}.highlights-grid{display:grid;gap:24px 96px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:32px}.highlight-title{display:flex;flex-flow:row nowrap;gap:8px;align-items:center}.highlight-title svg{margin-top:-4px}.areas-of-interest{flex-flow:wrap;align-items:center;max-width:1100px;margin-left:auto;margin-right:auto;display:flex;gap:16px}.badge{align-items:center;background-color:var(--background);border:1px solid var(--primary);border-radius:24px;display:inline-flex;grid-column-gap:8px;font-size:18px;font-weight:400;grid-row-gap:8px;padding:14px}.progress-grid{grid-column-gap:40px;grid-row-gap:30px;grid-template-columns:repeat(auto-fit,minmax(var(--min-content-width),1fr));grid-auto-columns:1fr;display:grid}.progress-title{justify-content:space-between;margin-bottom:8px;display:flex}.progress-bar{border:1px solid var(--primary);border-radius:12px;height:10px;position:relative;overflow:hidden}.progress{background-color:var(--accent);border-right:1px solid var(--primary);height:100%;position:absolute}.skill-blocks{display:flex;flex-flow:column nowrap;gap:48px}section.footer{border-top:2px dotted var(--text);padding:48px 0 64px}.footer-content{display:flex;flex-flow:column nowrap;gap:24px}.flags{align-items:center;display:flex;flex-flow:row nowrap;gap:8px}.flag{height:32px;width:32px}.content{display:flex;flex-flow:column nowrap;gap:24px}.paragraph-with-icon{align-items:top;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto;gap:0 24px}.paragraph-with-icon img{grid-row:1;width:32px}.language-badges{flex-flow:wrap;align-items:center;display:flex;gap:16px}.language-level{color:var(--surface);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--text);margin-bottom:0;margin-right:5px;font-size:2rem;line-height:1.2em}.language-badge{align-items:center;background-color:var(--background);border:1px solid var(--primary);border-radius:16px;display:inline-flex;grid-column-gap:8px;grid-row-gap:8px;padding:0 12px}.reading-heading{display:flex;flex-flow:column nowrap;gap:48px;padding:48px 0}.book-card{align-items:center;display:grid;grid-template-columns:auto 200px;grid-template-rows:auto;height:560px;padding:48px;gap:48px}.card-content{display:flex;flex-flow:column nowrap;gap:32px;grid-column:1;grid-row:1}.book-cover{height:300px;grid-column:2;grid-row:1}.book-tags{display:flex;flex-flow:row wrap;gap:8px}.book-cover-image{border-radius:16px;height:300px;width:200px}.card-list{display:grid;grid-gap:48px;grid-template-columns:auto;grid-auto-rows:560px}.rating{align-items:center;display:flex;flex-flow:row nowrap;gap:8px}.card-meta{align-items:center;display:flex;flex-flow:row nowrap;gap:8px;margin-top:16px}section.navbar{background:var(--surface);padding:64px 0 48px}.navigation-bar{align-items:center;background-color:var(--white);display:flex;flex-flow:row nowrap;gap:24px}.site-title{font-size:2rem;font-weight:200}.site-title a,.socials a{color:var(--text);text-decoration:none}.navigation-link{align-items:center;display:flex;font-size:1.2em;gap:8px;text-decoration:none}.socials{align-items:center;display:flex;flex-flow:row nowrap;gap:20px;list-style:none;margin:0}.social{align-items:center;cursor:pointer;display:flex;height:18px;justify-content:center;transition:border-color .25s;transition:background-color .25s ease;width:18px}.social a{align-items:center;display:flex}.social img{height:18px;width:18px}.navigation{align-items:center;display:flex;justify-content:flex-end;gap:16px;flex:1}.navlink{color:var(--text);transition:opacity .2s ease-in-out}.navlink:hover{opacity:50%}