.logo{display:flex;justify-content:center;align-items:center;position:relative;width:200px;height:200px}.logo a{display:block;position:relative;width:100%;height:100%}.logo .logo__svg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.logo .logo__svg.active{opacity:1}.logo .logo__svg--knockout text{fill:#000}.logo .logo__svg--perspective text{fill:#444}.logo .logo__svg--blackletter text{fill:#111}.logo .logo__svg--original text{stroke:#000}:root{--color--background: var(--off-white);--position--body: relative;--position--footer: relative;--position--header: relative;--color--primary: var(--green);--color--text: var(--grey)}.resume-qr{width:33px;height:33px;margin-left:5px;vertical-align:middle}:root{--blue: #2286EA;--green: #29AA35;--grey: #414042;--pink: #F5989D;--yellow: #FFBF00;--off-white: #F5F5F5}.hide-for-mobile{display:none}@media (min-width: 48rem){.hide-for-mobile{display:initial}}.app,#app{background-color:var(--color--background);color:var(--color--text);position:relative;transition:all .25s ease-in-out;flex-shrink:1;align-content:center}.app a,#app a{color:var(--color--primary);transition:all .25s ease-in-out}*,*:before,*:after{box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100vh;width:100vw}html{background-color:var(--color--background)!important}body{margin:auto;opacity:0;padding:1.25rem;display:flex;justify-content:center}body.loaded{opacity:1;transition:opacity .5s ease-in-out}.button{background:var(--color--primary);border:none;border-radius:.3125rem;color:var(--color--text);cursor:pointer;display:inline-block;font-family:Campton,sans-serif;font-size:1rem;font-weight:700;line-height:2.5rem;margin:0;padding:0 1rem;text-transform:uppercase;transition:all .25s ease-in-out}.button:hover{background:var(--color--text);color:var(--color--primary)}.button--absolute{position:absolute}.button--absolute--top-right{right:0;top:0}.cards{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:100%;width:100%;list-style:none;margin:0 0 1.25rem;padding:0}.cards:last-child{margin-bottom:0}.cards .card{flex:0 0 auto;flex-basis:calc(100% + 0rem);max-width:calc(100% + 0rem);border-radius:.3125rem;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013;margin-bottom:1.25rem;padding:1.25rem;transition:box-shadow .25s ease-in-out}@media (min-width: 48rem){.cards .card{flex:0 0 auto;flex-basis:calc(50% - .625rem);max-width:calc(50% - .625rem)}}.cards .card .icon{height:2.5rem;margin-bottom:1.25rem}@font-face{font-family:Campton;src:url(/me/fonts/Campton/Campton-Book.woff2) format("woff2"),url(/me/fonts/Campton/Campton-Book.woff) format("woff"),url(/me/fonts/Campton/Campton-Book.otf) format("opentype");font-style:normal;font-weight:400}@font-face{font-family:Campton;src:url(/me/fonts/Campton/Campton-BookItalic.woff2) format("woff2"),url(/me/fonts/Campton/Campton-BookItalic.woff) format("woff"),url(/me/fonts/Campton/Campton-BookItalic.otf) format("opentype");font-style:italic;font-weight:400}@font-face{font-family:Campton;src:url(/me/fonts/Campton/Campton-Bold.woff2) format("woff2"),url(/me/fonts/Campton/Campton-Bold.woff) format("woff"),url(/me/fonts/Campton/Campton-Bold.otf) format("opentype");font-style:normal;font-weight:700}@font-face{font-family:Campton;src:url(/me/fonts/Campton/Campton-BoldItalic.woff2) format("woff2"),url(/me/fonts/Campton/Campton-BoldItalic.woff) format("woff"),url(/me/fonts/Campton/Campton-BoldItalic.otf) format("opentype");font-style:italic;font-weight:700}@font-face{font-family:Operator Mono SSm;src:url(/fonts/OperatorMonoSSM/OperatorMonoSSM-Book.woff2) format("woff2"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-Book.woff) format("woff"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-Book.otf) format("opentype");font-style:normal;font-weight:400}@font-face{font-family:Operator Mono SSm;src:url(/fonts/OperatorMonoSSM/OperatorMonoSSM-BookItalic.woff2) format("woff2"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-BookItalic.woff) format("woff"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-BookItalic.otf) format("opentype");font-style:italic;font-weight:400}@font-face{font-family:Operator Mono SSm;src:url(/fonts/OperatorMonoSSM/OperatorMonoSSM-Bold.woff2) format("woff2"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-Bold.woff) format("woff"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-Bold.otf) format("opentype");font-style:normal;font-weight:700}@font-face{font-family:Operator Mono SSm;src:url(/fonts/OperatorMonoSSM/OperatorMonoSSM-BoldItalic.woff2) format("woff2"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-BoldItalic.woff) format("woff"),url(/fonts/OperatorMonoSSM/OperatorMonoSSM-BoldItalic.otf) format("opentype");font-style:italic;font-weight:700}.icon{display:inline-block;height:1.25rem;vertical-align:middle;width:auto}.icon svg{display:block;fill:currentColor;height:100%;width:auto}.icon svg .st0{opacity:.66}.icon svg .st1{opacity:.33}ul,ol{margin:0 0 1.25rem;padding:0 0 0 1.25rem}ul li,ol li{line-height:1.25rem}.logo__svg{display:block;height:0;margin:auto;opacity:0;visibility:hidden;width:0}.logo__svg.active{height:100%;opacity:1;visibility:visible;width:auto}.logo__svg--knockout polygon{fill:currentColor}.logo__svg--knockout polygon:nth-of-type(1){opacity:1}.logo__svg--knockout polygon:nth-of-type(2){opacity:.8}.logo__svg--knockout polygon:nth-of-type(3){opacity:.4}.logo__svg--knockout polygon:nth-of-type(4){opacity:.6}.logo__svg--original path{fill:currentColor}.logo__svg--original path:nth-of-type(2){opacity:.5}.logo__svg--blackletter rect{fill:currentColor}.logo__svg--perspective polygon,.logo__svg--perspective rect,.logo__svg--perspective polyline{fill:currentColor}.logo__svg--perspective polygon.cls-1,.logo__svg--perspective rect.cls-1,.logo__svg--perspective polyline.cls-1{opacity:.66}.logo__svg--perspective polygon.cls-2,.logo__svg--perspective rect.cls-2,.logo__svg--perspective polyline.cls-2{opacity:.33}.logo__svg--perspective polygon.cls-3,.logo__svg--perspective rect.cls-3,.logo__svg--perspective polyline.cls-3{opacity:1}.logo--secondary__svg{display:block;height:100%;margin:auto;width:auto}.logo--secondary__svg--life-simulator{height:4.375rem}.logo--secondary__svg--life-simulator polygon,.logo--secondary__svg--life-simulator rect{fill:var(--color--primary)}.logo--secondary__svg--life-simulator polygon.st0,.logo--secondary__svg--life-simulator rect.st0{opacity:.66}.logo--secondary__svg--life-simulator polygon.st1,.logo--secondary__svg--life-simulator rect.st1{opacity:.33}.logo--secondary__svg--mstrblstr{height:2.5rem;transform:rotate(-5deg)}.logo--secondary__svg--mstrblstr path{fill:var(--color--primary)}.main__content{padding:1.25rem}.page-footer{bottom:0;left:0;padding:1.25rem;position:var(--position--footer);transition:all .25s ease-in-out;width:100%;z-index:100}.page-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:100%;left:0;padding:1.25rem;position:var(--position--header);top:0;transition:all .25s ease-in-out;width:100%;z-index:100}.page-header .logo{height:5rem;width:5rem}.page-header .logo--secondary{margin-left:1.25rem;transition:all .25s;width:auto}.page-header .logo--secondary__svg{display:none;opacity:0}.page-header .logo--secondary__svg.visible{display:initial;opacity:1}html{font-family:Operator Mono SSm,monospace;font-size:1rem;line-height:1.25rem}h1,h2,h3,h4,h5{font-family:Campton,sans-serif;font-weight:700;margin-top:0}h1.no-margin-bottom,h2.no-margin-bottom,h3.no-margin-bottom,h4.no-margin-bottom,h5.no-margin-bottom{margin-bottom:0}h1{font-size:4rem;line-height:4rem;margin-bottom:2.5rem}h1>*{display:inline;width:auto}h2{font-size:3rem;line-height:3.75rem;margin-bottom:1.25rem}h3{font-size:2rem;line-height:2.5rem;margin-bottom:1.25rem}h4{font-size:1rem;line-height:1.25rem;margin-bottom:1.25rem}p{margin-bottom:1.25rem;margin-top:0}p:last-child{margin-bottom:0}a{color:var(--color--primary);text-decoration:none}a.icon-link{display:inline-block;line-height:3.75rem;vertical-align:middle}a.icon-link span{display:none}a.icon-link .icon{height:3rem;vertical-align:middle}.emoji{font-size:1.25rem;vertical-align:middle}#life-simulator{height:100vh;position:relative;width:100vw;z-index:1}#life-simulator .canvas{direction:rtl;display:grid;grid-auto-flow:row;max-height:100vh;max-width:100vw;overflow:hidden}#life-simulator .canvas .cell{background:#414042;display:block;height:1.25rem;opacity:0;overflow:visible;position:relative;width:1.25rem;z-index:1}#life-simulator .canvas .cell--alive{opacity:1}#life-simulator .header-controls{padding:1.25rem;position:fixed;right:0;top:5rem;z-index:1}#life-simulator .controls{padding:calc(100vh - 3.75rem) 1.25rem 1.25rem 1.25rem;position:relative}#mstrblstr{height:100vh;overflow:hidden;position:relative;width:100vw}#mstrblstr .start{left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}#mstrblstr .start.hidden{display:none}#mstrblstr .prev-next{background:none;border:none;cursor:pointer;display:block;margin:0;outline:none;padding:0;position:fixed;top:50%;transform:translateY(-50%)}#mstrblstr .prev-next svg{display:block;height:2.5rem;width:auto}#mstrblstr .prev-next svg rect{fill:var(--color--text)}#mstrblstr .prev-next.hidden{display:none}#mstrblstr .prev-next--prev{left:1.25rem}#mstrblstr .prev-next--prev svg{transform:rotate(180deg)}#mstrblstr .prev-next--next{right:1.25rem}#mstrblstr video{height:100vh;object-fit:cover;pointer-events:none;width:100vw}#mstrblstr .attributions{bottom:2.5rem;left:0;padding:1.25rem;position:absolute}#mstrblstr .attributions p:last-of-type{margin:0}#mstrblstr #audio-player{opacity:0;pointer-events:none}#physics-playground{height:100vh;width:100vw}