:root{--exhibit-title-height: 200px;--exhibit-title-height-mobile: 100px;--font: 'Bungee Hairline', sans-serif;--secondaryFont: 'Rajdhani', sans-serif}body{text-align:center;margin:0}h1{font-family:var(--font);font-weight:normal;font-size:50px;padding-top:50px;padding-bottom:20px}h1 a{text-decoration:none}a{font-weight:normal;color:#000}h2{font-family:var(--font);font-weight:normal}.logo{width:38px;height:38px;margin:0 -10px;padding-top:5px}.exhibit-title{font-family:var(--font);font-size:100px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;width:100%;line-height:var(--exhibit-title-height);vertical-align:middle;color:#fff;background:rgba(0,0,0,0.7);transition:0.2s}.exhibit-title:hover{background:rgba(0,0,0,0.5);transition:0.2s}.art{color:#888}.exhibit-link{text-decoration:none;display:block;height:var(--exhibit-title-height);position:relative;overflow:hidden}.intro{font-family:var(--secondaryFont);font-weight:300;max-width:500px;display:inline-block}#pentaflower-canvas svg{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;width:100%;height:100%}footer{font-family:var(--font);padding:50px 0}footer .social-icons{margin-top:20px}footer .social-icons a{text-decoration:none;margin:0 10px}footer .social-icons svg{width:30px;height:30px}.button{text-decoration:none;font-family:var(--secondaryFont);background:#444;color:#fff;margin:10px 0;padding:10px 15px;transition:0.2s;cursor:pointer}.button:hover{background:#000;transition:0.2s}@media only screen and (max-width: 768px){.exhibit-title{font-size:30px;line-height:var(--exhibit-title-height-mobile)}.exhibit-link{height:var(--exhibit-title-height-mobile)}.intro{padding:0 20px}}.pentaflower-row{display:flex;justify-content:center}.pentaflower-canvas-container{display:inline-block;padding:30px}.pentaflower-canvas-container.exhibit .pentaflower-canvas{display:inline-block;width:300px;height:300px}.pentaflower-canvas-container.exhibit .pentaflower-canvas img{width:300px;height:300px}.pentaflower-canvas-container.create{position:relative}.pentaflower-canvas-container.create #loading-spinner-container{position:absolute;display:flex;justify-content:center;align-items:center;top:30px;left:30px;width:410px;height:488px;background:rgba(0,0,0,0.5)}.pentaflower-canvas-container.create #loading-spinner-container.hidden{display:none}.pentaflower-canvas-container.create .pentaflower-canvas{width:400px;height:400px}.pentaflower-canvas-container.create .pentaflower-canvas svg{cursor:default;width:400px;height:400px}.pentaflower-title{display:flex;justify-content:center;align-items:center;width:260px;height:20px;padding:20px;margin-top:8px;text-decoration:none}.pentaflower-title-text{font-family:var(--secondaryFont);font-style:italic;font-weight:600;font-size:1.2em}.create-container{display:flex;justify-content:center;margin-bottom:50px}.pentaflower-title.create{width:360px}.pentaflower-controls-container{display:flex;flex-direction:column;align-content:center;justify-content:center;width:200px;padding:30px}.pentaflower-controls-container .form-item{margin:10px 0;display:flex;align-items:center;justify-content:space-between;font-family:var(--secondaryFont)}.pentaflower-controls-container .form-item input{width:40px}.pentaflower-controls-container .pickr{z-index:auto}.pentaflower-controls-container .button#download{width:100%}@media only screen and (max-width: 768px){.pentaflower-row{display:block;padding:0 20px}.pentaflower-canvas-container.exhibit,.pentaflower-canvas-container.create{width:100%;padding:0;display:block;margin-bottom:40px}.pentaflower-canvas-container.exhibit .pentaflower-canvas,.pentaflower-canvas-container.create .pentaflower-canvas{width:auto;height:auto;margin-top:40px}.pentaflower-canvas-container.exhibit .pentaflower-canvas img,.pentaflower-canvas-container.exhibit .pentaflower-canvas svg,.pentaflower-canvas-container.create .pentaflower-canvas img,.pentaflower-canvas-container.create .pentaflower-canvas svg{display:block;width:100%;height:auto}.pentaflower-canvas-container.exhibit #loading-spinner-container,.pentaflower-canvas-container.create #loading-spinner-container{top:0;left:0;width:100%;height:100%}.pentaflower-title,.pentaflower-title.create{width:auto;height:auto}.create-container{display:block;padding:0 20px}.pentaflower-controls-container{width:auto;padding:0}}.loading-spinner{width:75px;height:75px;border-radius:50%;background-color:transparent;border:2px solid #222;border-top:2px solid #fff;-webkit-animation:1s spin linear infinite;animation:1s spin linear infinite}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}/*! Pickr 0.5.0 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app button,.pcr-app input,.pickr button,.pickr input{outline:none;border:none;-webkit-appearance:none}.pcr-app button:focus,.pcr-app input:focus,.pickr button:focus,.pickr input:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 0.15em 1.5em 0 rgba(0,0,0,0.1),0 0 1em 0 rgba(0,0,0,0.03);width:28.5em;max-width:95vw;padding:.8em;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s;left:0;top:0}.pcr-app.visible{visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;justify-content:space-around;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{position:relative;width:1.75em;height:1.75em;border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,0.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-interaction{display:flex;align-items:center;margin:.75em -.2em 0}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(66,133,244,0.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex-grow:1;min-width:1em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(244,66,80,0.75)}.pcr-app .pcr-selection{display:flex;justify-content:space-between;flex-grow:1}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;user-select:none}.pcr-app .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:2em;display:flex;flex-direction:column;justify-content:space-between;margin-right:.75em}.pcr-app .pcr-selection .pcr-color-preview:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color .3s,box-shadow .3s;border-radius:.15em .15em 0 0;z-index:2}.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 0 .15em .15em}.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color,.pcr-app .pcr-selection .pcr-color-preview .pcr-last-color{background:currentColor;width:100%;height:50%}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.pcr-app .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app .pcr-selection .pcr-color-palette .pcr-palette{flex-grow:1;border-radius:.15em}.pcr-app .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{margin-left:.75em}.pcr-app .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app .pcr-selection .pcr-color-opacity .pcr-picker{left:50%;transform:translateX(-50%)}.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app .pcr-selection .pcr-color-opacity .pcr-slider{width:8px;flex-grow:1;border-radius:50em}.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(180deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)}.pcr-app .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(180deg, transparent, #000),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,50%}