@font-face{font-family:Compass;font-size:9;font-style:normal;font-weight:400;src:url(https://brownstein.github.io/static/media/compass-9-src.788dc1975de358f0483c.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#123;margin:0;padding:0}#root,body,html{height:100vh;overflow:hidden;position:relative;width:100vw}#root{--text-color:#fff;--highlight-color:#6cf;--link-color:var(--highlight-color);align-items:center;color:var(--text-color);display:flex;flex-direction:column;font-family:Compass;gap:4vw;justify-content:center}a{color:var(--link-color);text-decoration:none}@property --page-scroll-top{syntax:"<length>";inherits:true;initial-value:0}.wrapper{gap:2em;height:100vh;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;padding:2em;position:relative}.wrapper,header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100vw}header{background:transparent;flex-grow:0;flex-shrink:0;height:calc(30vh - var(--page-scroll-top)*2 - 1em);justify-content:center;left:0;min-height:72pt;overflow:hidden;padding-left:2em;padding-right:2em;pointer-events:none;position:fixed;top:0;transition:background-color .25s ease;z-index:2}.wrapper.scrolled header{background:#369;box-shadow:0 4px 4px rgba(0,0,0,.25)}header .headline{align-items:center;display:flex;flex-direction:row;gap:1.5em;justify-content:center}header .headline .header-img{aspect-ratio:auto;max-height:max(64pt,calc(20vh - var(--page-scroll-top)));max-width:20vw;-webkit-transform:rotate(min(1turn,calc(1turn * var(--page-scroll-top) / 100pt)));transform:rotate(min(1turn,calc(1turn * var(--page-scroll-top) / 100pt)))}header .headline .headings{align-items:flex-start;display:flex;flex-direction:column;gap:.25em;justify-content:flex-start}header h1{font-size:min(7.5vw,max(32pt,calc(10vw - var(--page-scroll-top))))}header h1,header h2{display:flex;margin:0;padding:0;text-align:center}header h2{font-size:min(5vw,max(20pt,calc(7vw - var(--page-scroll-top))))}main{font-size:20pt;gap:2em;margin-bottom:3em;margin-top:30vh;position:relative;width:80vw}main,main .section{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}main .section{opacity:.75;transition:opacity .25s ease}main .section.current{opacity:1}.resume-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1.5em;width:100%}.resume-wrapper .preview{aspect-ratio:.8;background:url(https://brownstein.github.io/static/media/resume-thumbnail.3b97ff154850cc59e09f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:20vh;-webkit-mask-image:url(https://brownstein.github.io/static/media/file-pdf-solid.67fc6c3134cb73ce4fea.svg);mask-image:url(https://brownstein.github.io/static/media/file-pdf-solid.67fc6c3134cb73ce4fea.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.screenshot-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.os-screenshot{align-self:center;border-radius:1em 0 1em 0;width:80%}
/*# sourceMappingURL=main.22d6f88a.css.map*/