*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1{font-size:3.6em;padding-left:4%}.header-container{--min-header-height: 50px;--header-viewport-proportion: 10vh;align-items:center;box-shadow:0 2.4vh 1.2vh -2vh gray;display:flex;flex-flow:row-reverse wrap-reverse;height:var(--header-viewport-proportion);justify-content:center;min-height:var(--min-header-height);overflow:hidden;position:relative}.title{flex:1;font-weight:700;font-size:6vh;margin:auto;padding-left:3%;white-space:nowrap}@media screen and (max-height: 500px){.title{font-size:calc(var(--min-header-height) * .6)}}.logo-gl{--logo-aspect-ratio: 2.5;height:100%;margin-right:3%;width:calc(var(--header-viewport-proportion) * var(--logo-aspect-ratio))}@media screen and (max-height: 500px){.logo-gl{width:calc(var(--min-header-height) * var(--logo-aspect-ratio))}}.projects{--animation-distance: calc(100% / 12);display:flex;flex-direction:column;align-items:center}@keyframes project-fade-in-left{0%{opacity:0;transform:translate(calc(var(--animation-distance) * -1))}to{opacity:100%;transform:0}}@keyframes project-fade-in-right{0%{opacity:0;transform:translate(var(--animation-distance))}to{opacity:100%;transform:0}}.project-container{align-items:center;display:flex;margin:0 var(--animation-distance) 6vh;max-width:1000px;animation:var(--animation) 2s .1s backwards ease;flex-direction:var(--flex-direction)}@media screen and (max-width: 900px){.project-container{flex-wrap:wrap-reverse;width:auto}}.project-container:nth-child(odd){--animation: project-fade-in-right;--flex-direction: row}.project-container:nth-child(odd) .project-desc{margin-right:var(--margin);padding-left:var(--padding);text-align:right}.project-container:nth-child(2n){--animation: project-fade-in-left;--flex-direction: row-reverse}.project-container:nth-child(2n) .project-desc{margin-left:var(--margin);padding-right:var(--padding);text-align:left}.project-desc{--margin: 2%;--padding: 4%}.project-title{display:block;font-size:3em;margin:auto}.project-thumbnail{flex:1 0 auto;height:inherit;margin:auto;object-fit:contain;width:60%}@media screen and (max-width: 900px){.project-thumbnail{margin-bottom:12px}}.scrobble-bar{background:#f4f4f4;bottom:0;opacity:.95;position:fixed;width:100%}.bar-container{display:flex;justify-content:flex-start}@keyframes scrobblar-fade-in{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:0}}.bar-container{font-style:italic;margin:auto;overflow:hidden}.bar-text-intro{display:inline;margin-left:11px;white-space:pre}.bar-text-music{animation:scrobblar-fade-in .4s .1s ease-in;display:inline;flex-grow:1;white-space:nowrap}.bar-cover{margin:auto 0 auto .5em;z-index:1}
/*! Bundled license information:

modern-normalize/modern-normalize.css:
  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)
*/