*{margin:0;padding:0}body{background:#171719;color:#fff;font-family:AbitareSans;font-weight:400;padding:20px;a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:2.5px}}.preamble{display:flex;width:100%;max-width:900px;margin:0 auto;header{flex:1;flex-direction:column;h1,h2{font-weight:400;font-size:16px}h2{opacity:.6}&:hover a{text-decoration-color:#fff}a{opacity:.35;transition:all .25s ease-out;text-decoration-color:#fff0}}.controls{flex:0 0 auto;user-select:none;.image-wrap{display:flex;align-items:stretch;justify-content:center;.chevron{color:#fff;opacity:.6;display:flex;align-items:center;cursor:pointer;&:hover{opacity:1}&:active{opacity:.5}&.left{transform:scaleX(-1);padding-left:15px}&.right{transform:scale(1);padding-left:15px}}.image{cursor:pointer;width:150px;height:150px;border:3px solid #fffb;box-sizing:border-box;box-shadow:0 0 50px #000;&:hover{border-color:#fff}&:active{border-color:#fffa}img{border:1px solid #000;box-sizing:border-box;object-fit:cover;width:100%;height:100%}}}.icons{width:150px;margin:20px auto;display:flex;justify-content:space-between;.lucide{cursor:pointer;color:#fff;opacity:.6;padding:10px;margin:-10px;transition:transform .15s ease-out;&:hover{opacity:1}&:active{opacity:.5}}}}.quote-and-source{flex:1;text-align:right;line-height:1.4;opacity:.5;display:flex;flex-direction:column;height:150px;a{text-decoration-color:#fff0;transition:all .25s ease-out;font-weight:400;font-style:normal}&:hover a{text-decoration-color:#fff}.art-source{margin-top:auto;font-weight:250;font-style:italic}.inspirational-quote{white-space:nowrap;blockquote{font-weight:250;font-style:italic}}}}.artworks{max-width:900px;margin:0 auto 25px;display:flex;justify-content:center;box-shadow:0 0 50px #000;.artwork{width:100%;transition:background-color .5s ease-out;position:relative;background:#fff1;display:inline-block;margin:0 auto;canvas{width:100%;image-rendering:crisp-edges;image-rendering:pixelated;-webkit-image-rendering:pixelated;-webkit-image-rendering:crisp-edges;opacity:1;transition:all .25s linear}&.loading canvas{opacity:0}}}::backdrop{background:#000a}#settings{box-shadow:0 0 30px #000;background:#262628;border:none;border-radius:3px;padding:15px;color:#fffa;font-size:14px;border:1px solid #fff2;translate:-50% 0;pointer-events:all;form{display:flex;gap:10px;align-items:center;.x{padding-top:10%}.input{text-align:center;display:flex;flex-direction:column;width:60px;gap:5px;input{font-size:14px;font-weight:400;font-family:AbitareSans;height:40px;background:#363636;color:#fffd;border:none;text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}}input[type=number]{-moz-appearance:textfield}}}}footer{max-width:900px;margin:0 auto;padding-bottom:10px;text-align:center;opacity:.3;line-height:1.4;.art-source{display:none}code{text-wrap:nowrap}}@media (width <= 850px){body{padding:10px}.preamble{display:block;position:relative;header{text-align:center;margin-bottom:20px}.controls{margin:0 auto}.quote-and-source{display:none}}footer{.art-source{display:block}}}@font-face{font-family:AbitareSans;src:url("./AbitareSans-400-5VS4CUJO.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:AbitareSans;src:url("./AbitareSansItalic-250-U5CLYG2A.woff2") format("woff2");font-weight:250;font-style:italic}