html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-bg: #111;--color-content-bg: #fff;--color-copy: #111;--color-copy-bbb: #404040;--color-copy-hr: #FA7D00;--font-weight-sans-serif-regular: 400;--font-weight-sans-serif-bold: 700;--font-weight-serif-extra: 800;--font-sans-serif: "Arimo", sans-serif;--font-serif: "Newsreader", serif;--font-size-header: 4.4rem;--font-size-header-small: 1rem;--font-size-regular: 1rem;--padding: 8px;--logo-size: 512px}a{cursor:url(./cursor-link.png),auto;color:var(--color-copy)}a:hover{background-color:var(--color-copy);color:var(--color-content-bg)}html,body{margin:0;padding:0}body{color:var(--color-copy);display:flex;flex-direction:row;height:100vh;width:100vw;background-color:var(--color-content-bg);border:var(--color-content-bg) var(--padding) solid;line-height:115%;overflow:scroll}*{box-sizing:border-box}.content-container{display:flex;flex-direction:row;height:100%;width:100%;z-index:1}.base{background-color:var(--color-content-bg);padding:calc(var(--padding) * 2);margin:var(--padding)}.about{padding-bottom:calc(var(--padding) * .5);margin-top:0;font-family:var(--font-sans-serif);font-weight:var(--font-weight-sans-serif-bold);font-size:var(--font-size-regular)}.about-header{-webkit-mask:url(./header.svg);mask:url(./header.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;margin:var(--padding) var(--padding) 0 var(--padding);height:72px}.bumper{margin-top:0}.div-h{background-color:var(--color-content-bg);height:var(--padding);width:100%}h1{font-family:var(--font-serif);font-weight:var(--font-weight-serif-extra);font-size:var(--font-size-header)}h2{font-family:var(--font-serif);font-weight:var(--font-weight-serif-extra);font-size:var(--font-size-header-medium);margin:calc(var(--padding) * 5) 0 0 0}.imgZoom{position:absolute;z-index:100;visibility:hidden;box-shadow:0 10px 30px 0 rgba(0,0,0,.5)}.main{border-right:solid var(--color-content-bg) var(--padding)}.row{display:flex;flex-direction:row;justify-content:center;align-items:center}.right{border-right:none;width:var(--logo-size)}.logo{height:calc(var(--logo-size) - calc(var(--padding) * 2));width:calc(var(--logo-size) - calc(var(--padding) * 2));-webkit-mask:url(./logo.svg);mask:url(./logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}#effect-switcher{cursor:url(./cursor-link.png),auto}.rando-gif{margin:0 10px 5px 0}.screenshot{height:150px;margin-right:calc(var(--padding) * 3)}.stack{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;opacity:0}.subRight p{margin-bottom:0}.subLogo{max-width:350px;margin:calc(var(--padding) * 2) 0 calc(var(--padding) * 10) 0}.subLeft{align-items:center;margin-top:calc(var(--padding) * 10)}.subRight{justify-content:flex-start;margin:calc(var(--padding) * 10) calc(var(--padding) * 10) calc(var(--padding) * 3) calc(var(--padding) * 10);font-family:var(--font-sans-serif);font-weight:var(--font-weight-serif-sans-regular);font-size:var(--font-size-header-regular);line-height:145%}.subRow{justify-content:flex-start;margin:calc(var(--padding) * 3) 0 calc(var(--padding) * 3) 0}.smol{display:none}.smol-hide{display:inline}.smol-stack{display:flex;flex-direction:column;justify-content:space-between}.stop-scrolling{height:100%;overflow:hidden}.webring{display:flex;justify-content:center;align-items:center;font-family:var(--font-serif);font-weight:var(--font-weight-serif-extra);font-size:var(--font-size-header-small);width:100%}.webring img{margin:0 var(--padding) 0 var(--padding)}.welcome{justify-content:space-between;font-family:var(--font-serif);font-weight:var(--font-weight-serif-extra);font-size:var(--font-size-header-small)}.webgl{position:fixed;top:0;left:0;outline:none;width:100%;height:100%;z-index:0}.webglcontainer{position:fixed;top:0;left:0;outline:none;width:100%;height:100%;z-index:0}.webglborder{position:fixed;top:0;left:0;outline:none;width:100%;height:100%;z-index:0;border:var(--color-content-bg) var(--padding) solid}.transition{position:absolute;top:0;left:0;display:none;z-index:100;pointer-events:none}video{margin-top:calc(var(--padding) * 3)}#foot{width:auto}@media only screen and (max-width: 850px){body{flex-direction:column}.content-container{flex-direction:column;justify-content:space-between;height:100%}.about-header{-webkit-mask:url(./header-s.svg);mask:url(./header-s.svg);height:46px}#foot{width:100%}.right{flex-direction:row-reverse}.stack{height:auto}.smol-stack{justify-content:flex-start;width:100%}.smol-stack .div-h{height:0;width:0}.smol-hide{display:none}.bumper{margin-top:0}.main{border-right:none;display:flex;flex-direction:column;justify-content:space-between;height:100%}.smol{display:block}.subRight{justify-content:flex-start;margin:calc(var(--padding) * 10) calc(var(--padding) * 2) calc(var(--padding) * 2) calc(var(--padding) * 2);width:80%}.screenshot{margin-right:calc(var(--padding) * 1);height:125px}.webring{justify-content:flex-start}.welcome{flex-direction:column}.welcome .row{flex-direction:column}#friday{margin-top:var(--padding)}}.anim-bodyIn{animation-name:bodyInAnimation;animation-duration:.25s;animation-fill-mode:forwards}@keyframes bodyInAnimation{0%{background-color:var(--color-content-bg)}to{background-color:var(--color-bg)}}.anim-stackIn{animation-name:stackInAnimation;animation-duration:.25s;animation-fill-mode:forwards}@keyframes stackInAnimation{0%{opacity:0}to{opacity:1}}.anim-stackOut{animation-name:stackOutAnimation;animation-duration:.25s;animation-fill-mode:forwards}@keyframes stackOutAnimation{0%{opacity:1}to{opacity:0}}.anim-navTo{animation-name:navToAnimation;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes navToAnimation{0%{opacity:0}45%{opacity:1;top:var(--t-s-t);left:var(--t-s-l);width:var(--t-s-w);height:var(--t-s-h)}to{top:var(--t-e-t);left:var(--t-e-l);width:var(--t-e-w);height:var(--t-e-h)}}.anim-navFrom{animation-name:navFromAnimation;animation-duration:.8s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes navFromAnimation{0%{opacity:1;top:var(--t-s-t);left:var(--t-s-l);width:var(--t-S-w);height:var(--t-s-h)}50%{opacity:1;top:var(--t-s-t);left:var(--t-s-l);width:var(--t-S-w);height:var(--t-s-h)}85%{opacity:1;top:var(--t-e-t);left:var(--t-e-l);width:var(--t-e-w);height:var(--t-e-h)}to{opacity:0;top:var(--t-e-t);left:var(--t-e-l);width:var(--t-e-w);height:var(--t-e-h)}}.anim-imgZoomer{animation-name:imgZoomAnimation;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes imgZoomAnimation{0%{top:var(--t-s-t);left:var(--t-s-l);width:var(--t-s-w);height:var(--t-s-h)}to{top:var(--t-e-t);left:var(--t-e-l);width:var(--t-e-w);height:var(--t-e-h)}}