button,input,textarea,ul{padding:unset}button,input,textarea{border:unset;border-radius:unset}body,figure,h1,h2,h3,p,ul{margin:unset}button,h1,h2,h3,input,textarea{font:unset}abbr[title],:link,:visited{text-decoration:unset}:link,:visited{color:unset}button,input,textarea{background-color:unset}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}:root{font:100%/1.5 "Source Sans Pro", sans-serif;text-rendering:optimizeLegibility}@media (min-width: 1024px){:root{font-size:120%}}@media (min-width: 1920px){:root{font-size:140%}}:root .-replay_button{padding:0.25em 0.5em;font-weight:700;font-size:0.75em;color:white;background-color:black;cursor:pointer;opacity:1.00;transition-property:opacity;transition-duration:0.2s;animation-name:fade-in;animation-duration:0.8s}@keyframes fade-in{from{opacity:0.00}to{opacity:1.00}}:root .-replay_button:focus{outline:unset}:root .-replay_button:focus,:root .-replay_button:hover{opacity:0.75}.site{display:flex;width:100vw;height:100vh;overflow:hidden}@media (orientation: portrait){.site{flex-direction:column}}@media (orientation: landscape){.site{flex-direction:row}}@media (orientation: landscape) and (min-height: 768px){.site{flex-direction:column}}.site .site-header{display:grid;box-sizing:border-box;flex:0 0 auto;width:100%;max-width:36em;padding:0.75rem 1rem;margin-right:auto;margin-left:auto;grid-template-columns:auto 1fr}@media (orientation: landscape){.site .site-header{width:unset;grid-template-columns:unset;grid-template-rows:1fr auto}}@media (orientation: landscape) and (min-height: 768px){.site .site-header{width:100%;grid-template-columns:auto 1fr;grid-template-rows:unset}}@media (min-width: 768px){.site .site-header{padding:1.5rem 2rem}}.site .site-header h1{font:600 2em/1.5 "Source Serif Pro", serif}@media (min-width: 1024px) and (min-height: 768px){.site .site-header h1{font-size:3em}}.site .site-header ul{display:grid;grid-auto-flow:column;grid-gap:1em;line-height:1;list-style:none;font-size:0.75em}@media (min-width: 1024px) and (min-height: 768px){.site .site-header ul{font-size:unset}}.site .site-header :link:focus,.site .site-header :link:hover,.site .site-header :visited:focus,.site .site-header :visited:hover{text-decoration:underline}.site .site-header .site-header-content{display:flex;flex-direction:column;align-items:flex-start}@media (orientation: landscape){.site .site-header .site-header-content{grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg)}}@media (orientation: landscape) and (min-height: 768px){.site .site-header .site-header-content{grid-row:unset;writing-mode:unset;transform:unset}}.site .site-header .site-header-media{box-sizing:border-box;width:unset;height:calc(2em * 1.5 + 1.5em)}@media (orientation: landscape){.site .site-header .site-header-media{grid-row:2;transform:rotate(270deg)}}@media (orientation: landscape) and (min-height: 768px){.site .site-header .site-header-media{grid-row:unset;transform:unset}}@media (min-width: 1024px) and (min-height: 768px){.site .site-header .site-header-media{height:calc(3em * 1.5 + 1.5em)}}.site .site-main{display:flex;flex:1 1 auto;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#F5F5F5}@media (orientation: landscape){.site .site-main{grid-row:span 2}}.page{display:flex;flex:1 0 auto;position:relative;flex-direction:column;--accent-color-primary: hsl(210, 70%, 50%);--accent-color-secondary: hsl(180, 70%, 50%)}.page .page-header{box-sizing:border-box;padding:1.5em 1em;position:sticky;top:0;z-index:400;color:white;background-image:linear-gradient(to bottom right, var(--accent-color-primary), var(--accent-color-secondary))}@media (min-width: 768px){.page .page-header{padding-right:2rem;padding-left:2rem}}.page .page-header h2{font:600 1.5em/1.5 "Source Serif Pro", serif}@media (min-width: 768px){.page .page-header h2{font-size:2em}}.page .page-header .-meta-urls{display:flex;margin-bottom:0.75em;flex-direction:column;align-items:flex-start;font-size:0.75em;list-style:none;opacity:1.00}@media (min-width: 768px){.page .page-header .-meta-urls{font-size:unset}}.page .page-header .-meta-urls img{display:inline-block;width:1em;height:1.25em;margin-right:0.25em;vertical-align:top}@media (min-width: 768px){.page .page-header .-meta-urls img{margin-left:-1.25em}}.page .page-header .-meta-urls :link:focus,.page .page-header .-meta-urls :link:hover,.page .page-header .-meta-urls :visited:focus,.page .page-header .-meta-urls :visited:hover{text-decoration:underline}.page .page-header .-meta-skills,.page .page-header .-meta-tech{display:flex;font-weight:300;font-size:0.75em;opacity:0.75;list-style:none}.page .page-header .-meta-skills>*::after,.page .page-header .-meta-tech>*::after{content:",\A0"}.page .page-header .-meta-skills>*:last-child::after,.page .page-header .-meta-tech>*:last-child::after{content:unset}.page .page-header .-meta-credit{font-size:0.75em}.page .page-header .-meta-credit :link,.page .page-header .-meta-credit :visited{font-weight:600}.page .page-header .-meta-credit :link:focus,.page .page-header .-meta-credit :link:hover,.page .page-header .-meta-credit :visited:focus,.page .page-header .-meta-credit :visited:hover{text-decoration:underline}.page .page-header .page-header-content{max-width:calc(36em - 2em);margin-right:auto;margin-left:auto}@media (min-width: 768px){.page .page-header .page-header-content{max-width:calc(36em - 4em)}}.page .page-header[data-credit="hype"] .page-header-content{background-image:url("/assets/hype-logo.svg");background-position:right 0.7em bottom;background-repeat:no-repeat;background-size:auto 2em}.page .page-header.-animated{transition-property:height, padding-top, padding-bottom;transition-duration:0.2s}.page .page-header.-animated h2{transition-property:font-size;transition-duration:0.2s}.page .page-header.-animated .-meta-skills,.page .page-header.-animated .-meta-tech,.page .page-header.-animated .-meta-urls{transition-property:opacity;transition-duration:0.2s}.page .page-header.-animated[data-credit="hype"] .page-header-content{transition-property:background-position;transition-duration:0.2s}.page .page-header.-collapsed{height:calc(0.75em + 1.5em + 0.75em) !important;padding-top:0.75em;padding-bottom:0.75em;overflow-y:hidden}@media (min-width: 768px){.page .page-header.-collapsed{height:calc(0.75em + 1.5em * 1.5 + 0.75em) !important}}.page .page-header.-collapsed h2{font-size:1em}@media (min-width: 768px){.page .page-header.-collapsed h2{font-size:1.5em}}.page .page-header.-collapsed .-meta-skills,.page .page-header.-collapsed .-meta-tech,.page .page-header.-collapsed .-meta-urls{opacity:0.00}.page .page-header.-collapsed[data-credit="hype"] .page-header-content{background-position:right 0.7em top}@media (min-width: 768px){.page .page-header.-collapsed[data-credit="hype"] .page-header-content{background-position:right 0.7em top 0.5em}}.page .page-main{flex-grow:1;font-weight:300;background-color:white}.page .page-main .-replay_button{background-color:var(--accent-color-primary)}.page .page-main figure{margin-bottom:1.5em;grid-column:2}@media (min-width: 768px){.page .page-main figure{display:grid;grid-column:span 3;grid-template-columns:2em auto 2em}}@media (min-width: 768px){.page .page-main figure img,.page .page-main figure picture,.page .page-main figure video{grid-column:span 3}}.page .page-main figcaption{margin-top:0.75em;text-align:center;font-style:oblique}@media (min-width: 768px){.page .page-main figcaption{grid-column:2}}.page .page-main form,.page .page-main p,.page .page-main ol,.page .page-main ul{margin-bottom:1.5em;grid-column:2}.page .page-main img,.page .page-main picture,.page .page-main video{display:block;width:auto;height:auto;max-width:100%;margin:auto}.page .page-main strong{font-weight:400}.page .page-main :link,.page .page-main :visited{font-weight:normal;color:var(--accent-color-primary)}.page .page-main :link:focus,.page .page-main :link:hover,.page .page-main :visited:focus,.page .page-main :visited:hover{text-decoration:underline}.page .page-main .page-main-content{display:grid;max-width:36em;padding-top:1.5em;margin-right:auto;margin-left:auto;grid-template-columns:1em auto 1em}@media (min-width: 768px){.page .page-main .page-main-content{grid-template-columns:2em auto 2em}}.page .page-footer{padding:1.5em 1em;color:white;background-image:linear-gradient(to bottom right, var(--accent-color-primary), var(--accent-color-secondary))}@media (min-width: 768px){.page .page-footer{padding-right:2rem;padding-left:2rem}}.page .page-footer h3{font:600 1.25em/1.5 "Source Serif Pro", serif;margin-bottom:0.75em}.page .page-footer .-button{display:inline-block;padding:0.25em 1em;color:var(--accent-color-primary);background-color:white;transition-property:background-color;transition-duration:0.2s}.page .page-footer .-button:focus,.page .page-footer .-button:hover{background:rgba(255,255,255,0.75)}.page .page-footer .-button:active{background:rgba(255,255,255,0.5)}.page .page-footer .-tray{display:flex}.page .page-footer .-tray>*{margin-right:1em}.page .page-footer .-tray>*:last-child{margin-right:unset}.page .page-footer .page-footer-content{max-width:calc(36em - 2em);margin-right:auto;margin-left:auto}@media (min-width: 768px){.page .page-footer .page-footer-content{max-width:calc(36em - 4em)}}.feature{display:contents}@media (orientation: landscape), (min-width: 768px){.feature{display:grid;grid-template-columns:1em 2fr 1em 3fr 1em;grid-auto-flow:column;grid-column:span 3;margin-bottom:1.5em}}@media (min-width: 768px){.feature{grid-template-columns:2em 2fr 1em 3fr 2em}}.feature .feature-media{display:block;width:100%;height:auto;margin-bottom:0.75em;grid-column:2}@media (orientation: landscape), (min-width: 768px){.feature .feature-media{grid-column:span 2;margin:auto}}.feature .feature-content{margin-bottom:1.5em}@media (orientation: landscape), (min-width: 768px){.feature .feature-content{grid-column:2 / span 3;margin-bottom:unset}}@media (orientation: landscape), (min-width: 768px){.feature .feature-media+.feature-content{grid-column:4;margin:auto}}.feature .feature-header{margin-bottom:0.75em}.feature .feature-header h3{font:600 1.25em/1.5 "Source Serif Pro", serif}.feature .feature-main p,.feature .feature-main ol,.feature .feature-main ul{margin-bottom:1.5em}.feature .feature-main p:last-child,.feature .feature-main ol:last-child,.feature .feature-main ul:last-child{margin-bottom:unset}.feature>*{grid-column:2}@media (orientation: landscape){.feature:nth-of-type(even){grid-template-columns:1em 3fr 1em 2fr 1em}}@media (min-width: 768px){.feature:nth-of-type(even){grid-template-columns:2em 3fr 1em 2fr 2em}}@media (orientation: landscape), (min-width: 768px){.feature:nth-of-type(even) .feature-media{grid-column:4 / span 2}}@media (orientation: landscape), (min-width: 768px){.feature:nth-of-type(even) .feature-media+.feature-content{grid-column:2}}

/*# sourceMappingURL=core.css.map */