@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";.header{padding:.25em 1em 0;display:flex;justify-content:space-between;align-items:center}.header__logo{padding:1em 0 0;transition:all .25s ease-in-out}.header__logo svg{width:42px;height:42px;box-fit:contain;aspect-ratio:1}.header__logo:hover{filter:brightness(130%)}.header__nav{width:100%;background-color:var(--background-accent);padding:1em;bottom:0;font-weight:500;display:flex;gap:1em;align-items:center;flex:0;visibility:hidden;display:none;justify-content:space-evenly;background-color:transparent}.header__nav__items{color:var(--text);text-decoration:none;padding:.5em 1em;border-radius:99em;transition:all .25s ease-in}.header__nav__items--contact{background-color:var(--background-accent)}.header__nav__items--contact svg path{stroke:var(--text)}.header__nav__items:hover,.header__nav__items:focus-within{background-color:var(--background-accent)}@media screen and (min-width: 576px){.header__nav{display:flex;visibility:visible}}.contact__header{color:var(--background-accent);width:6ch;display:flex;justify-content:center;transition:all .2s ease-in-out}.contact__feedback{border-radius:5px;padding:.5em 1em;background-color:#80d39b;position:fixed;counter-reset:var(--text);color:var(--text);opacity:0;top:1em;right:1em;transition:all .25s ease-out;overflow:hidden}.contact__feedback--sent{opacity:1}.contact__dialog{display:flex;z-index:1;background-color:#fff;flex-direction:column;gap:1em;box-shadow:0 0 3px var(--text);position:absolute;bottom:0;right:0;padding:.75em;opacity:0;border-radius:5px;margin-bottom:-100%;width:100vw;transition:all .2s ease-in-out}.contact__dialog--shown{opacity:1;margin-bottom:0}.contact__title{font-size:1.1rem;color:var(--text)}.contact__name,.contact__email,.contact__body{width:35ch;font-size:.8rem;border:none;outline:none;background-color:var(--background-accent);padding:.75em 0 .75em .75em;border-radius:5px;font-family:var(--font-family);font-weight:500;color:var(--text)}.contact__name::placeholder,.contact__email::placeholder,.contact__body::placeholder{color:var(--text);font-family:var(--font-family);font-weight:500;text-transform:uppercase;opacity:.5}.contact__body{resize:none;height:15ch}.contact__submit{color:var(--text);font-size:.8rem;align-self:flex-end;text-transform:uppercase;font-weight:700;outline:none;border:none;background-color:var(--background-accent);border-radius:5px;padding:.75em 1em}@media screen and (min-width: 576px){.contact__dialog{width:unset;bottom:unset;margin-top:-100%;transition:opacity .2s ease-in-out,margin-top 25ms ease-in-out;right:2.5em;margin-bottom:unset;top:4em}.contact__dialog--shown{margin-top:0;margin-bottom:unset}.contact__header{color:var(--text)}.contact__name,.contact__email,.contact__body{font-size:.9rem}.contact__feedback{top:unset;bottom:2em}}.nav{width:100%;background-color:var(--background-accent);padding:1em;bottom:0;font-weight:500;display:flex;gap:1em;justify-content:space-evenly;align-items:center;z-index:1;visibility:visible;position:fixed}.nav__items{color:var(--text);text-decoration:none;border-radius:99em;transition:all .25s ease-in;padding:.5em .75em}.nav__items--contact{background-color:var(--text)}.nav__items--contact svg path,.nav__items--contact circle{stroke:var(--background-accent)}.nav__items:hover{background-color:var(--text);color:var(--background-accent)}@media screen and (min-width: 576px){.nav{visibility:hidden}}.socials{padding:.75em 0;display:flex;gap:1em}.socials__actions{width:2rem;height:2rem;transition:.25s all ease}.socials__actions svg{width:100%;height:100%}.socials__actions svg path{stroke:var(--text);transition:.25s all ease;stroke-width:3}.socials__actions:hover{transform:translateY(-10%)}.footer{color:var(--text);padding:1em;background-color:var(--background-accent);font-weight:500;display:flex;flex-direction:column}.footer span{opacity:.5;font-size:.8rem}.footer__copyright{font-size:.9rem}.footer__info{opacity:.5}.footer__extra-info{font-size:.6rem;opacity:.3}@media screen and (min-width: 768px){.footer{flex-direction:row;justify-content:space-between}}@media screen and (max-width: 576px){.footer{margin-bottom:4em}}.layout{position:relative;min-height:100%;display:flex;flex-direction:column}.layout .body{flex:1}.home{padding:3em 1.5em;min-height:100%;display:flex;flex-direction:column}.home__name{font-weight:700;font-size:3.5rem}.home__name:first-letter{margin-left:-.065em}.home__username{font-weight:500;opacity:.75}.home__username span{font-size:.75rem;opacity:.5}.home__info{padding:1.5em 2.5em 1.5em 0;font-weight:500}.home__info h2{margin-top:.5em;font-weight:inherit;font-size:1.5rem;opacity:.8}.home__info p{margin:.5em 0;opacity:.7;font-size:1rem}.home__socials{display:flex;flex-direction:flex;gap:1em}.home__socials .socials{padding:1em 2em;background-color:var(--background-accent);border-radius:9999vw}.home__socials-header{font-weight:700}.home__content{padding:10em 0 2em;display:flex;gap:2em;flex-direction:column}.home__writeup{display:flex;flex-direction:column;gap:5em;max-width:80ch}@media screen and (min-width: 576px){.home{padding-left:4em}.home__name{font-size:5rem}.home__info{padding:1.5em 0}.home__socials{width:fit-content}.home__content{padding:10em 0 0}}.metaballs-wrapper{position:absolute;bottom:10vh;right:0;z-index:1}.metaballs-container{width:40vw;height:40vw}.music-player-overlay{display:flex;gap:.25em}.music-flex-overlay{position:absolute;z-index:10;bottom:1.5rem;right:10px;display:flex;align-items:flex-end;flex-direction:column}.music-flex-overlay--mic{bottom:1rem}.music-play-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(45deg,#4000ff0d,#45a2ff0d);border:1px solid rgba(64,0,255,.3);border-radius:20px;color:var(--text);font-size:12px;font-family:var(--font-family);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-play-button:hover{background:linear-gradient(45deg,#4000ff13,#45a2ff13);transform:translateY(-2px)}.music-play-button:active{transform:translateY(0)}.music-play-button svg{opacity:.8}.music-label{font-weight:500;opacity:.9}@media screen and (max-width: 768px){.metaballs-wrapper{display:none}}:root{--text: #1c2e6d;--background-accent: #ccd8ff;--grad: linear-gradient(45deg, #4000ff, #45a2ff);--background: white;--background-accent-hsl: 226, 100%, 90%;--font-family: "Rubik"}html,body,#root{width:100%;height:100%}html{scroll-behavior:smooth;font-size:18px;cursor:url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.80331%206.25366L28.114%2015.6066L16.9981%2017.8732L12.5073%2028.1139L7.80331%206.25366Z'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(14.057%2014.057)%20rotate(51.2909)%20scale(10)'%3e%3cstop%20offset='0.562152'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='1'%20stop-color='%2374A1E6'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),auto}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{margin:.25em 0}html::-webkit-scrollbar-thumb{border-radius:20px;background-color:var(--text)}body{overflow:overlay;color:var(--text);font-family:var(--font-family);padding:0;margin:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}@media screen and (min-width: 768px){.pointer{cursor:initial}html{font-size:21px}}.pointer{cursor:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='10'%20cy='10'%20r='10'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(10%2010)%20rotate(90)%20scale(10)'%3e%3cstop%20offset='0.614236'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='0.9999'%20stop-color='%2374A1E6'/%3e%3cstop%20offset='1'%20stop-color='%2373A3ED'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),pointer}.ns{user-select:none;-moz-user-select:none;-webkit-user-select:none}.blog{max-width:90%;margin:3rem auto}.blog__header{font-size:2.5rem;font-weight:700;margin-bottom:.5em}.blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-template-rows:repeat(1,1fr);gap:1em}.blog__post{padding:1em;border-radius:4px;box-shadow:0 0 1px var(--text);transition:.25s ease-in-out all;height:min-content;min-height:100px;display:flex;height:100%;flex-direction:row}.blog__post:hover{background:var(--background-accent)}.blog__date{opacity:.5;font-style:italic;font-weight:400;font-size:.75rem}.blog__posttitle{display:flex;opacity:.9;font-weight:700;justify-content:space-between;align-items:center;gap:1em}.blog__posttitle div:nth-of-type(2){font-size:.75rem;opacity:.5}.blog__postsubtitle{padding-top:.5em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;-webkit-box-pack:end;overflow:hidden;font-weight:500;opacity:.5;font-size:.8rem;color:var(--text)}.blog__postdate{font-size:.86rem;font-weight:700;padding-left:2em;filter:brightness(.8);color:var(--background-accent)}.blogpost{font-family:"Source Serif 4";max-width:60%;margin:0 auto 5em}.blogpost blockquote{background-color:hsla(var(--background-accent-hsl),.35)}.blogpost code{border-radius:2px;background-color:hsl(var(--background-accent-hsl))}.blogpost h1{margin-top:4em;font-family:var(--font-family);font-size:clamp(1.2rem,6vw,2.5rem)}.blogpost table,.blogpost tr,.blogpost td,.blogpost th{border:.2px solid #555}@media screen and (max-width: 768px){.blogpost{margin:0 1em;max-width:100%}}.blogpost strong{font-weight:600}.block{display:flex;flex-direction:column}.block *{margin:0;padding:0}.block__title{padding:1em 0}.block__content{padding:0 1em}.block h1{opacity:.9}.block li{font-size:.9rem;line-height:1.75}.block li:not(:first-child) h2{padding-top:1em}.block li ul{padding-left:1.5em}.block ul{padding:1em}.block a{text-decoration:underline;color:var(--text)}.block a:visited{color:var(--text)}.block em{opacity:.7}@media screen and (min-width: 576px){.block h1{font-size:2.4rem}.block p{font-size:1.1rem}.block li{font-size:unset}}.works{padding:1em;max-width:90%;margin:0 auto}.works h1{font-size:1.8rem}.works__overlay{top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;height:100%;width:100%;visibility:hidden;background:#3636364d;opacity:0;transition:all 125ms ease}.works__overlay--shown{opacity:1;visibility:visible}.works__overlay--shown .works__detailed{transform:translateY(0)}.works__detailed{transition:all .25s ease;max-width:70vw;border-radius:10px;border:1.5px dotted var(--text);padding:2em;background:var(--background)}.works__detailed ul{padding-inline-start:1em}.works__format{display:flex;flex-direction:column;justify-content:center;gap:3em}.works__grid{display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.works__experience{margin-top:3em}.works__child{padding:1em;border-radius:4px;box-shadow:0 0 1px var(--text);transition:all .25s ease}.works__child:hover{box-shadow:0 0 0 1px var(--text)}.works__explist{max-width:75vw;display:flex;flex-direction:column;gap:1em}@media screen and (max-width: 768px){.works__explist{max-width:100vw}}.works__exp{display:flex;flex-direction:column;align-items:flex-start;padding:1em;border-radius:4px;box-shadow:0 0 1px var(--text)}.works__title{font-size:1.2rem;font-weight:700}.works__subtitle{font-weight:500;opacity:.8;font-size:.8rem}.works__subtitle p{margin-block:0}.works__header{font-weight:700;font-size:1.3rem}.works__desc{font-size:.9rem;opacity:.8;font-weight:500}.exp__header{display:flex;gap:.5rem;flex-direction:column;justify-content:space-between}@media screen and (max-width: 768px){.exp__header{flex-direction:column;align-items:flex-start}}.exp__title{font-weight:700;text-transform:uppercase;font-size:1.1rem}.exp__positions{display:flex;flex-direction:column}.exp__position{position:relative;padding-left:1rem;--circle-radius: 4px;--line-width: 2px}.exp__position--multiple:before,.exp__position--multiple:after{display:flex}.exp__position--single{padding-left:0}.exp__position--single:before,.exp__position--single:after{display:none}.exp__position:before{position:absolute;height:calc(100% - 22px);top:20px;left:calc(var(--circle-radius) - var(--line-width) / 2);margin-right:1rem;content:"";width:var(--line-width);background-color:var(--background-accent)}.exp__position:after{content:"";position:absolute;left:0;top:5px;border-radius:50%;background-color:var(--text);width:calc(var(--circle-radius) * 2);height:calc(var(--circle-radius) * 2)}.exp__position{display:flex;flex-direction:column;font-size:.7rem}.exp__where{font-weight:700;opacity:.8}.exp__tenure{display:flex;align-items:center;opacity:.8}.exp__tenuredot{margin:0 .4rem;--dot-radius: 3px;width:calc(var(--dot-radius) * 2);height:calc(var(--dot-radius) * 2);background-color:var(--text);border-radius:999vw}.exp__md{font-size:.8rem;opacity:.7}.exp__md ul{margin-block-start:.5rem;margin-block-end:1.5rem;padding-left:24px;line-height:1.3}@media screen and (max-width: 576px){.works__overlay{align-items:flex-end}.works__detailed{transform:translateY(100%);overflow-y:scroll;max-height:60vh;min-width:100vw;margin-bottom:2em}.works__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}