@font-face{font-family:"Biro-Script";src:url("../fonts/Biro_Script_reduced.ttf");font-display:swap}@font-face{font-family:"IMFellDWPica";src:url("../fonts/IMFellDWPica-Regular.ttf");font-display:swap}@font-face{font-family:"Academy-Engraved";src:url("../fonts/AcademyEngravedLetPlain.ttf");font-display:swap}:root{--font-size:18px;--h1-font-size:calc(var(--font-size) * 2.5);--h2-font-size:calc(var(--font-size) * 1.1);--h3-font-size:calc(var(--font-size) * 2);--h4-font-size:calc(var(--font-size) * 1.2);--h5-font-size:calc(var(--font-size) * .7);--h6-font-size:calc(var(--font-size) * .6);--font-small:calc(var(--font-size) * .9);--content-margin:2rem;--note-offset:-200px}@media(prefers-color-scheme:light){:root{--text-color:#000;--background-color:#f7f7f1;--mark-start-color:#ffe100;--mark-end-color:#faebc0}}@media(prefers-color-scheme:dark){:root{--text-color:#f7f7f1;--background-color:#363535;--mark-start-color:#ffe100e0;--mark-end-color:#f2e370e0}img{filter:invert(92%)}mark,mark a{color:var(--background-color)!important}}html{background-color:var(--background-color);color:var(--text-color);font-family:"IMFellDWPica";overflow-x:clip}body{text-align:justify;min-height:100%;max-width:100%;display:grid;background-color:var(--background-color);font-size:var(--font-size);font-weight:300;line-height:1.6em;margin:var(--content-margin);overflow-x:hidden;h1,h2,h3,h4,h5,h6{font-weight:unset;text-align:center}h1,h3{font-family:"Academy-Engraved"}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}h4{font-size:var(--h4-font-size)}h5{font-size:var(--h5-font-size)}h6{font-size:var(--h6-font-size)}header{text-align:center;h1{margin-bottom:.5em}h2{margin-top:0}img{padding-top:1rem;width:50%}}main{counter-reset:section;mark{margin:0 -0.2em;padding:.1em .5em .1em .4em;border-radius:.8em .3em;background:transparent;background-image:linear-gradient(to right,var(--mark-start-color),var(--mark-end-color) 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--text-color)}nav{ol{padding:0;display:grid;gap:1rem;counter-reset:counter;li{counter-increment:counter;display:flex;a::before{content:"";flex:1;background-repeat:space no-repeat;background-image:radial-gradient(circle,var(--text-color) 20%,transparent 21%);background-size:.6em .6em;background-position:0 80%;order:2}a{display:flex;gap:.4rem;flex:1;font-size:var(--font-small);text-transform:uppercase;text-decoration:none;transition:transform 100ms ease-in-out;color:var(--text-color)}a::after{content:counters(counter,".",upper-roman);order:3}}}}section{padding-bottom:var(--content-margin);h3::before{counter-increment:section;content:counters(section,".",upper-roman) " - "}h3#about::before{content:counters(section,".",upper-roman) ""}img{display:block;max-width:60%;max-height:15em;margin:0 auto}ul{padding-left:1em}ul#resume li{margin-bottom:1em}li{list-style-type:"* "}h4{text-align:left;font-weight:bold;margin-bottom:0;padding-top:.5em}span.position{font-weight:bold}a{color:var(--text-color)}summary{text-align:center;cursor:pointer;list-style:none}summary::-webkit-details-marker,summary::marker{display:none;opacity:0}summary::before{content:"⋎ See more";transition:transform .2s}details[open] summary::before{content:"⋏ See less";transform:rotate(180deg)}p:has(span.handwritten),.mark:has(span.handwritten){position:relative;span.handwritten{font-family:"Biro-Script",cursive;position:absolute;max-width:min(18ch,40vw);img{display:inline;max-width:3em;margin-right:1em;vertical-align:middle}}span.handwritten:has(img){display:inline}span.left-note{left:var(--note-offset)}span.left-note.short-note{left:calc(0.75 * var(--note-offset))}span.right-note{right:var(--note-offset)}span.right-note.short-note{right:calc(0.75 * var(--note-offset))}}}}}@media screen and (min-width:500px){#site{--site-width:calc(500px - var(--content-margin) * 2);width:var(--site-width);margin:0 auto}}@media(max-width:820px){:root{--note-offset:calc(-1 *(8vw+80px))}span.handwritten{max-width:12ch!important}}@media screen and (max-width:500px){:root{--note-offset:0}span.handwritten{opacity:0}header{h1{line-height:1em}}}