:root{--hue-primary: 190;--max-page-width: 960px;color-scheme:dark;font-family:Segoe UI,Roboto,Ubuntu,Cantarell,Open Sans,Helvetica,sans-serif}body{margin:0}nav ul{position:absolute;display:grid;grid-template-columns:7rem 7rem;justify-content:end;left:0;right:0;max-width:var(--max-page-width);margin-left:auto;margin-right:auto}li{display:inline-block}button{border:none;background:none;font-size:1.2rem;color:hsl(var(--hue-primary),100%,97%);cursor:pointer}button:hover{color:hsl(var(--hue-primary),100%,87%);text-decoration:underline}@media (hover: none){button:hover{color:hsl(var(--hue-primary),100%,97%);text-decoration:none}}section{display:flex;justify-content:center;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2' stroke='hsla(0,0%,100%,0.2)'%3E%3Cline x1='0' y1='0' x2='0' y2='800' /%3E%3Cline x1='50' y1='0' x2='50' y2='800' /%3E%3Cline x1='100' y1='0' x2='100' y2='800' /%3E%3Cline x1='150' y1='0' x2='150' y2='800' /%3E%3Cline x1='200' y1='0' x2='200' y2='800' /%3E%3Cline x1='250' y1='0' x2='250' y2='800' /%3E%3Cline x1='300' y1='0' x2='300' y2='800' /%3E%3Cline x1='350' y1='0' x2='350' y2='800' /%3E%3Cline x1='400' y1='0' x2='400' y2='800' /%3E%3Cline x1='450' y1='0' x2='450' y2='800' /%3E%3Cline x1='500' y1='0' x2='500' y2='800' /%3E%3Cline x1='550' y1='0' x2='550' y2='800' /%3E%3Cline x1='600' y1='0' x2='600' y2='800' /%3E%3Cline x1='650' y1='0' x2='650' y2='800' /%3E%3Cline x1='700' y1='0' x2='700' y2='800' /%3E%3Cline x1='750' y1='0' x2='750' y2='800' /%3E%3Cline x1='800' y1='0' x2='800' y2='800' /%3E%3Cline x1='0' y1='0' x2='800' y2='0' /%3E%3Cline x1='0' y1='50' x2='800' y2='50' /%3E%3Cline x1='0' y1='100' x2='800' y2='100' /%3E%3Cline x1='0' y1='150' x2='800' y2='150' /%3E%3Cline x1='0' y1='200' x2='800' y2='200' /%3E%3Cline x1='0' y1='250' x2='800' y2='250' /%3E%3Cline x1='0' y1='300' x2='800' y2='300' /%3E%3Cline x1='0' y1='350' x2='800' y2='350' /%3E%3Cline x1='0' y1='400' x2='800' y2='400' /%3E%3Cline x1='0' y1='450' x2='800' y2='450' /%3E%3Cline x1='0' y1='500' x2='800' y2='500' /%3E%3Cline x1='0' y1='550' x2='800' y2='550' /%3E%3Cline x1='0' y1='600' x2='800' y2='600' /%3E%3Cline x1='0' y1='650' x2='800' y2='650' /%3E%3Cline x1='0' y1='700' x2='800' y2='700' /%3E%3Cline x1='0' y1='750' x2='800' y2='750' /%3E%3Cline x1='0' y1='800' x2='800' y2='800' /%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,hsl(var(--hue-primary),75%,12%) 0%,hsl(var(--hue-primary),60%,30%) 100%)}.ide-container{margin:1rem 1rem 2rem;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 10px 5px hsl(var(--hue-primary),60%,35%);color:#d4d4d4}.title-bar{background-color:#3a3d41}.title-bar ul{padding-left:1rem;margin:0}.title-bar li{padding:.4rem}.files-bar{background-color:#252526}.file-title{display:inline-block;padding:.4rem 1rem;background-color:#1e1e1e}.file-icon{margin-right:.2rem;font-size:.85rem;font-weight:700;color:#b7b73b;letter-spacing:.2rem;vertical-align:top}.file-title:after{content:"x";padding-left:1rem;font-weight:600}.file-content{padding:.5rem 1rem;min-height:10rem;background-color:#1e1e1e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap}@keyframes blink{50%{opacity:0}}.julien-json:after{content:"|";margin-left:-.15rem;animation:blink 1.2s step-start infinite}.json-key{color:#9cdcfe}.json-value{color:#ce9178}section h1{font-size:2rem}.animation-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%;max-width:var(--max-page-width);margin:4rem 1rem 3rem}.presentation-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes slide-in{to{transform:translate(0)}}.portrait-container{position:relative}.portrait-animate{transform:translate(100vw)}@keyframes portrait-border-radius{to{border-radius:50%}}.portrait-animate.start{animation:slide-in ease-in-out 1s forwards,portrait-border-radius 1s ease-in-out 1s forwards}@keyframes portrait-border-progress{to{stroke-dashoffset:0}}.portrait-border-animate{position:absolute;top:-6px;left:-6px;width:192px;fill:none;stroke-width:3px;stroke:hsl(var(--hue-primary),100%,97%);stroke-dasharray:302;stroke-dashoffset:302;transform:rotate(-90deg)}.portrait-border-animate.start{animation:portrait-border-progress 1s ease-in-out 2.3s forwards}.text-animate{position:relative;display:block;transform:translate(100vw);margin:.2rem 0 0;color:hsl(var(--hue-primary),100%,97%)}.text-animate.start{animation:slide-in ease-in-out 1s forwards}article{display:grid;justify-content:center;margin:0 1rem}article h1{font-size:2.5rem;color:hsl(var(--hue-primary),70%,70%)}article p{max-width:var(--max-page-width);font-size:1.2rem;color:hsl(var(--hue-primary),100%,97%);white-space:pre-line}article a{font-weight:700;color:hsl(var(--hue-primary),70%,70%);text-decoration:none}article a:hover{color:hsl(var(--hue-primary),100%,85%);text-decoration:underline}@media (hover: none){article a:hover{color:hsl(var(--hue-primary),70%,70%);text-decoration:none}}.prompt{width:1px;height:1px;overflow:hidden}footer{margin:1rem;text-align:center}