:root{--html-font-size: 10px;--text-font-size: 1.6rem;--text-line-height: 2.4rem;--margin-x-card: 1.6rem;--margin-y-html: 17.6rem;--none: 0px;--font-family-sans: "Inter", sans-serif;--font-family-mono: "Google Sans Code", monospace;--h1-font-weight: 650;--p-font-weight: 450;--code-font-size: 1.2rem;--code-font-weight: 420;--border-radius-inner: .8rem;--border-radius-outer: calc( var(--border-radius-inner) + var(--margin-x-card) );--button-border-radius: 999px;--button-padding-x: 2rem;--hover-transition-duration: .1s;--color-bg: hsl(48, 100%, 97%);--color-bg__hover: hsl(51, 33%, 92%);--color-text-primary: hsl(0, 3%, 6%);--color-text-secondary: hsl(50, 3%, 42%);--color-text-tertiary: var(--color-bg);--color-text-code: rgb(209, 77, 65);--button-text-color: var(--color-text-primary);--button-bg: var(--color-bg__hover);--border-stroke-color: rgba(0, 0, 0, .1);--border-stroke-color__hover: rgba(0, 0, 0, .2)}@media(prefers-color-scheme:dark){:root{--color-bg: hsl(240, 6%, 7%);--color-bg__hover: hsl(240, 4%, 11%);--color-text-primary: hsl(240, 12%, 90%);--color-text-secondary: hsl(240, 4%, 49%);--color-text-tertiary: var(--color-bg);--color-text-code: hsl(0, 67%, 58%);--button-text-color: var(--color-text-primary);--button-bg: var(--color-bg__hover);--border-stroke-color: rgba(255, 255, 255, .1);--border-stroke-color__hover: rgba(255, 255, 255, .2)}@media(max-width:416px){:root{--margin-y-html: 10rem}}}@media(max-width:416px){:root{--margin-y-html: 10rem}}*{box-sizing:border-box}html{font-size:var(--html-font-size)}body{background-color:var(--color-bg);color:var(--color-text-primary);margin-top:var(--margin-y-html);margin-bottom:var(--margin-y-html)}h1,h2,h3,p,a{font-family:var(--font-family-sans);font-size:var(--text-font-size);line-height:var(--text-line-height);color:var(--color-text-primary);text-decoration:none;margin-left:var(--margin-x-card)}p{color:var(--color-text-secondary);a{margin-left:var(--none)}}a{transition:color var(--hover-transition-duration) ease,text-decoration var(--hover-transition-duration) ease;color:var(--color-text-primary)}a:hover{text-decoration:underline;color:var(--color-text-primary)}h1{font-weight:var(--h1-font-weight)}h2,h3,p{font-weight:var(--p-font-weight)}.container{max-width:500px;margin:0 auto}section{margin-bottom:4rem}.social-link-item{margin-right:var(--margin-x-card);margin-left:var(--none)}.event-card{display:flex;flex-direction:column;padding:var(--margin-x-card);border-radius:var(--border-radius-outer);margin-left:var(--none);transition:background-color var(--hover-transition-duration) ease;&:hover{background-color:var(--color-bg__hover);text-decoration:none}h2,p,a{margin-top:var(--none);margin-bottom:var(--none);margin-left:var(--none)}a:hover{text-decoration:none;color:var(--color-text-primary)}.event-card-description{display:flex;flex-direction:row;justify-content:space-between;p{margin-top:var(--none);margin-bottom:var(--none)}p:last-child{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}}}.blog-card{display:block;padding:var(--margin-x-card);margin-left:var(--none);border-radius:var(--border-radius-outer);transition:background-color var(--hover-transition-duration) ease;&:hover{background-color:var(--color-bg__hover);text-decoration:none}h3,p{margin-top:var(--none);margin-bottom:var(--none);margin-left:var(--none)}}.work-experience-card{display:block;padding:var(--margin-x-card);background-color:var(--color-bg);margin-left:var(--none);border-radius:var(--border-radius-outer);transition:background-color var(--hover-transition-duration) ease;&:hover{background-color:var(--color-bg__hover)}h2,p,a{margin-top:var(--none);margin-bottom:var(--none);margin-left:var(--none)}.work-experience-card-description{display:flex;flex-direction:row;justify-content:space-between;p{margin-top:var(--none);margin-bottom:var(--none)}p:last-child{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}}}.experiment-card{display:flex;flex-direction:column;gap:var(--margin-x-card);padding:var(--margin-x-card);margin-left:var(--none);border-radius:var(--border-radius-outer);overflow:hidden;transition:background-color var(--hover-transition-duration) ease,border-color var(--hover-transition-duration) ease;&:hover{background-color:var(--color-bg__hover);text-decoration:none;button{background-color:var(--color-text-primary);color:var(--color-bg)}.experiment-image-light,.experiment-image-dark{border:1px solid var(--border-stroke-color__hover)}}.experiment-image-light{display:block;width:100%;height:20rem;object-fit:cover;border-radius:var(--border-radius-inner);border:1px solid var(--border-stroke-color)}.experiment-image-dark{display:none;width:100%;height:20rem;object-fit:cover;border-radius:var(--border-radius-inner);border:1px solid var(--border-stroke-color)}@media(prefers-color-scheme:dark){.experiment-image-light{display:none}.experiment-image-dark{display:block}}.experiment-card-description{display:flex;flex-direction:row;justify-content:space-between;.experiment-card-description-text{display:flex;flex-direction:column;h2,p{margin-top:var(--none);margin-bottom:var(--none);margin-left:var(--none)}}}button{display:flex;align-items:center;gap:.8rem;margin-top:var(--none);margin-bottom:var(--none);margin-left:var(--none);font-size:var(--text-font-size);font-weight:var(--p-font-weight);border-radius:var(--button-border-radius);padding-left:var(--button-padding-x);padding-right:calc(var(--button-padding-x) - .6rem);background-color:var(--button-bg);color:var(--button-text-color);border:none;transition:background-color var(--hover-transition-duration) ease,color var(--hover-transition-duration) ease,padding-right .3s cubic-bezier(.34,1.56,.64,1);svg{flex-shrink:0;width:0;overflow:hidden;opacity:0;transform:translate(-4px);transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1)}&:hover{padding-right:var(--button-padding-x);svg{width:12px;opacity:1;transform:translate(0)}}}}