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;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[hidden],template{display:none}:root{--std-padding:30px;--background-color:#e8fff4;--default-color:rgba(0,0,0,.9);--background-transition:background-color .25s ease-out .1s;--experiment-background-color-default:#cfd8dc;--experiment-background-color-1:#4de3ae;--experiment-background-color-2:#4dd0e1;--experiment-background-color-3:#ffab91;--experiment-background-color-4:#ce93d8;--experiment-background-color-5:#f8bbd0;--site-background-color-default:#e7ebec;--site-background-color-1:#dbf6ed;--site-background-color-2:#dbf3f6;--site-background-color-3:#ffeee9;--site-background-color-4:#f5eaf8;--site-background-color-5:#fdf1f5;--experiment-background-color-1-alpha:rgba(77,227,174,.7);--experiment-background-color-2-alpha:rgba(77,208,225,.7);--experiment-background-color-3-alpha:rgba(255,171,145,.7);--experiment-background-color-4-alpha:rgba(206,147,216,.7);--experiment-background-color-5-alpha:rgba(248,187,208,.7)}.experiment{display:grid;grid-template-columns:1fr 2fr;position:relative;grid-gap:30px;grid-gap:var(--std-padding);padding:30px 20px 20px 30px;padding:var(--std-padding) 20px 20px var(--std-padding);pointer-events:auto;transition:background .1s ease-out;z-index:0}@media(max-width:499.98px){.experiment{grid-template-columns:1fr;grid-gap:0}}.experiment__link{border:10px solid #000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.experiment__background{background:#cfd8dc;background:var(--experiment-background-color-default);height:calc(100% - 10px);left:20px;position:absolute;top:20px;transition:background-color .25s ease-out .1s;transition:var(--background-transition);width:calc(100% - 10px);z-index:-1}.site--color-1 .experiment__background{background:#4de3aeb3;background:var(--experiment-background-color-1-alpha)}.site--color-2 .experiment__background{background:#4dd0e1b3;background:var(--experiment-background-color-2-alpha)}.site--color-3 .experiment__background{background:#ffab91b3;background:var(--experiment-background-color-3-alpha)}.site--color-4 .experiment__background{background:#ce93d8b3;background:var(--experiment-background-color-4-alpha)}.site--color-5 .experiment__background{background:#f8bbd0b3;background:var(--experiment-background-color-5-alpha)}.experiment__content{display:flex;flex:1;flex-direction:column;justify-content:flex-start;pointer-events:none}.experiment__content a{pointer-events:auto}.experiment__canvas{align-items:center;display:flex;pointer-events:none}.experiment__canvas-svg{display:block;opacity:0;transition:opacity .6s ease-out;width:100%}.experiment__canvas-svg--visible{opacity:1}.experiment__canvas-svg path{fill:none;stroke:#000;stroke-linejoin:round;stroke-width:.6}.experiment__header{font-size:2em;font-weight:900;margin:0}.experiment__description{line-height:1.3em;margin:15px 0 0}.experiment__tags{display:block;margin-top:15px;padding:0}.experiment__tag{background:#000000e6;color:#fff;display:inline-block;font-size:11px;font-weight:500;margin:0 5px 5px 0;padding:6px 10px 5px;white-space:nowrap}.experiment__tag--link{padding:0;transition:background-color .1s ease-out}.experiment__tag--link a{display:inline-block;line-height:1;padding:5px 6px 6px 10px}.experiment__tag--link:hover{background-color:#000000bf}.experiment__tag--link a:after{background-image:url(/public/images/external-link-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:.9em;margin-left:1px;position:relative;top:1px;width:.9em}.experiment__tag--chrome a{background:url(/public/images/chrome.png) 7px/12px no-repeat;padding-left:23px;-webkit-text-decoration:none;text-decoration:none}.experiment__tag--source a{background:url(/public/images/github-icon.svg) 8px/12px no-repeat;padding-left:24px;-webkit-text-decoration:none;text-decoration:none}.experiment__extra-info{align-items:flex-end;display:flex;flex:1;font-size:.8em;font-weight:500;justify-content:flex-end;margin:15px 0 0}.experiments{display:grid;grid-template-columns:1fr;grid-gap:30px;grid-gap:var(--std-padding);padding:0}@media(min-width:820px){.experiments{grid-template-columns:repeat(2,1fr)}}@media(min-width:1440px){.experiments{grid-template-columns:repeat(3,1fr)}}@media(min-width:1910px){.experiments{grid-template-columns:repeat(4,1fr)}}.four-o-four{border-radius:3px;margin:0 auto;max-width:500px;pointer-events:auto;text-align:center}.four-o-four__p{font-size:20px;margin-bottom:1em}.four-o-four .site__content p a{border-bottom:1px solid #aaa;color:#999;font-size:16px;-webkit-text-decoration:none;text-decoration:none}.four-o-four__gif{background-image:url(/public/images/404.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;height:270px;margin-bottom:1em}:root{--background-grid-stroke-width:.2;--background-polygon-stroke-width:.4}*{box-sizing:border-box}body,html{height:100%}a{color:inherit}b{font-weight:900}del{opacity:.5}.site{background:#e7ebec;background:var(--site-background-color-default);color:#000000e6;color:var(--default-color);font-family:Raleway,sans-serif;font-weight:700;position:relative;transition:background-color .25s ease-out .1s;transition:var(--background-transition)}.site--color-1{background:#dbf6ed;background:var(--site-background-color-1)}.site--color-2{background:#dbf3f6;background:var(--site-background-color-2)}.site--color-3{background:#ffeee9;background:var(--site-background-color-3)}.site--color-4{background:#f5eaf8;background:var(--site-background-color-4)}.site--color-5{background:#fdf1f5;background:var(--site-background-color-5)}@media(max-width:499.98px){.site{font-size:.7em}}.site__background{height:100%;left:0;opacity:.07;position:fixed;top:0;width:100%;z-index:-1}.site__background line{stroke:#000;stroke-width:.2;stroke-width:var(--background-grid-stroke-width)}.site__background polygon{fill:none;stroke:#000;stroke-width:.4;stroke-width:var(--background-polygon-stroke-width)}.site__background-grid{transform:rotate(12deg) scale(1.2);transform-origin:center center}.site__background-shapes{transform:rotate(-12deg);transform-origin:center center}.site__background-shapes polygon{animation-iteration-count:infinite}.site__background-shape-wrapper:nth-child(n) polygon{animation-name:animate-scale}.site__background-shape-wrapper:nth-child(2n) polygon{animation-name:animate-rotation}.site__background-shape-wrapper:nth-child(3n) polygon{animation-name:animate-both}.site__header{font-size:inherit;padding:30px;padding:var(--std-padding);text-align:center}.site__header-name{font-size:8.5vw;font-weight:900;line-height:1;margin:0 0 30px;margin:0 0 var(--std-padding)}.site__content{overflow:hidden;padding:0 30px;padding:0 var(--std-padding)}.site__footer{font-weight:500;padding:30px 0;padding:var(--std-padding) 0;text-align:center}.site__footer-contact{display:flex;flex-wrap:wrap;font-size:1em;font-weight:900;justify-content:center;line-height:1.5em;list-style:none;margin:0 0 15px;margin:0 0 calc(var(--std-padding)/2);padding:0}.site__footer-contact-item:not(:last-child){margin-right:15px;margin-right:calc(var(--std-padding)/2)}@keyframes animate-scale{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes animate-rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes animate-both{0%{transform:scale(.8) rotate(0)}to{transform:scale(1) rotate(1turn)}}