:root{--compact-width: 660px;--normal-radius: 8px;--sharper-radius: 4px;--animation-time: .1s;--normal-transition: transform var(--animation-time);--page-offset: 18px;--fox-background-color: rgb(32, 32, 32);--fox-primary-color: darkorange;--fox-secondary-color: white;--primary-functional-color: royalblue;--primary-functional-text-color: white;--secondary-functional-color: rgb(100, 100, 100);--secondary-functional-text-color: white;--primary-backgroud-color: rgb(240, 240, 240);--border-color: rgb(180, 180, 180);--media-max-width: 768px;--shrink-card-img: .8;--background-color: #fefefc;--background-dot-color: rgb(240, 240, 240);--background-dot-size: 1px;--background-dot-gap: 8px;--background-dot-image: radial-gradient(circle at center, var(--background-dot-color) 0 calc(var(--background-dot-size)/2), transparent calc(var(--background-dot-size)/2 + .25px));--load-animation-duration: .2s;--load-animation-delay: .08s;--secondary-load-animation-delay: .16s;--load-animation-timing-function: ease;--main-nav-font-size: 1.015rem;--main-nav-vertical-padding: .25rem;--main-nav-height: calc(var(--main-nav-font-size) + 2*var(--main-nav-vertical-padding) + 4px);--preview-row-gap: .65em}@media (max-width: 768px){:root{--page-offset: 12px}}body{margin:0;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--background-color);background-image:var(--background-dot-image);background-size:var(--background-dot-gap) var(--background-dot-gap);background-repeat:repeat,no-repeat}button{cursor:pointer;width:fit-content;padding:.12em .5em .15em;border:1px solid black;border-radius:var(--sharper-radius);background-color:#fff;text-decoration:none;font-size:.85rem;transition:var(--normal-transition)}button:hover{border:1px solid black;background-color:#f5f5f5}button.no-style{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;color:inherit;background-color:unset;padding:0}button.text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;border-bottom:1px dotted dimgray;border-bottom-width:1px;border-radius:unset;color:inherit;background-color:unset;padding:0}#main-nav{position:sticky;z-index:99;top:0;background-color:var(--fox-background-color);color:#fff;font-size:var(--main-nav-font-size);padding:var(--main-nav-vertical-padding) 1em var(--main-nav-vertical-padding) 0px;font-family:Courier New,Courier,monospace;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}#main-nav::-webkit-scrollbar{background:transparent;width:0px}#main-nav a{color:#fff;text-decoration:none;margin:0;border-bottom-style:none;border-bottom-width:0}#main-nav>div.right-container{display:inline-block;text-align:right}.align-with-nav{padding:0 var(--page-offset)}div.card{display:block;width:auto;max-width:var(--compact-width);background-color:var(--primary-backgroud-color);transition:var(--normal-transition);border-radius:var(--normal-radius);padding:1em;outline:1px dotted var(--border-color);margin:1.15rem 0 1.3rem;color:#363636;font-size:94.5%}div.card>:first-child{margin-top:0}div.card>:last-child{margin-bottom:0}div.card img{width:100%;max-width:var(--compact-width);border-radius:var(--sharper-radius);border:1px solid none}div.card img.medium{max-width:calc(var(--compact-width) * .65)}div.card img.small{max-width:calc(var(--compact-width) * .5)}div.card img.x-small{max-width:calc(var(--compact-width) * .25)}div.card img.preview{max-height:calc(var(--compact-width) * .25);width:auto;margin-right:var(--preview-row-gap)}div.card img.preview-large{max-height:calc(var(--compact-width) * .4);width:auto;margin-right:var(--preview-row-gap)}div.card div.preview-row{padding:1px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}div.card div.preview-row :first-child{margin-left:0}div.card div.preview-row :last-child{margin-right:0}div.card div.preview-row::-webkit-scrollbar{background:transparent;width:0px}@media (max-width: 768px){div.card img.medium{max-width:calc(var(--shrink-card-img) * var(--compact-width) * .65)}div.card img.small{max-width:calc(var(--shrink-card-img) * var(--compact-width) * .5)}div.card img.x-small{max-width:calc(var(--shrink-card-img) * var(--compact-width) * .25)}div.card img.preview{max-height:calc(var(--shrink-card-img) * var(--compact-width) * .25);width:auto}div.card img.preview-large{max-height:calc(var(--shrink-card-img) * var(--compact-width) * .4);width:auto}}div.card img.outlined{outline:1px dashed black}div.card img.icon{width:96px;height:96px}div.card>h1,h2,h3,h4,h5,h6{color:#000}div.grid{display:grid;grid-template-columns:auto auto auto;justify-items:center;gap:4px}div.grid>div.item{background-color:#fff;border:1px solid black;text-align:center}div.flex_grid{display:flex;flex-wrap:wrap;justify-items:center;gap:4px}div.flex_grid.gallery{width:100%;gap:1rem;margin:1rem 0}div.flex_grid.center{align-items:center;justify-content:center}div.flex_grid>div.item{background-color:#fff;border:1px solid black;text-align:center}div.flex_grid>.gallery_item{width:250px;height:250px;overflow:hidden;transition:var(--normal-transition)}div.flex_grid>.gallery_item:hover{transform:scale(1.25);z-index:99}@media (max-width: 768px){div.flex_grid.gallery{gap:.85rem}div.flex_grid>.gallery_item{width:150px;height:150px}}div.header-content-format{display:flex;flex-flow:column;height:100vh}div.header-content-format>div.header{flex:0 1 auto}div.header-content-format>div.content{flex:1 1 auto}hr.solid{border-top:1px solid grey;border-bottom:0px}hr.dashed{border-top:1px dashed dimgrey;border-bottom:0px}hr.dotted{border-top:1px dotted black;border-bottom:0px}.full-height-with-nav-offset{height:calc(100vh - .5rem - var(--main-nav-font-size))!important}a{color:inherit;border-bottom:1px dotted dimgray;border-bottom-width:1px;text-decoration:none;text-decoration-line:none}a[target=_blank]:after{font-size:small;color:gray}p.annotation{color:#696969;font-size:small}p.bold-annotation{color:#414141;font-size:.875em}p.compact{max-width:var(--compact-width)}span.annotation{color:#696969;font-size:small}span.bold-annotation{font-size:smaller}img.inline-glyph{display:inline-block!important;margin-bottom:.1255em!important;margin-right:.1em!important;width:.95em!important;height:.95em!important;vertical-align:middle!important}img.inline-glyph.inverted{filter:invert(1)}img.center-crop{height:100%;width:100%;object-fit:cover;object-position:center}div.icon-description-layout{display:flex;gap:12px}div.icon-description-layout>div.icon{display:flex;justify-content:center;align-items:center;width:auto}div.icon-description-layout>div.description{display:flex;justify-content:center;align-content:center;flex-direction:column;flex-grow:1}iframe.youtube{width:100%;max-width:var(--compact-width);aspect-ratio:16 / 9}.dotted-background{background-image:var(--background-dot-image);background-size:var(--background-dot-gap) var(--background-dot-gap)}.fade-in,iframe,div.card img.preview,div.card canvas{animation-name:fadeInOpacity;animation-timing-function:var(--load-animation-timing-function);animation-iteration-count:1;animation-duration:var(--load-animation-duration);animation-delay:var(--load-animation-delay);animation-fill-mode:both}.load-delay,iframe{animation-delay:var(--secondary-load-animation-delay)}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}