.demo{border:3px dashed var(--gray-200, #ddd);border-radius:4px;padding:2em;margin-bottom:2em}.demo figcaption{margin-top:1em}.demo img{width:8em;box-shadow:0 0 4px var(--gray-200)}.demo [type=number]{width:5em;margin-right:1em}.input-demo{align-items:center;display:flex}.fractal{align-items:center;flex-flow:column;display:flex}.fractal li{display:flex}.fractal b{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid black}.fractals{position:relative;height:500px;top:-10px}.fractals .fractal{position:absolute}.first b{border-bottom-color:var(--gray-300)}.second{top:50px}.second b{border-bottom-color:var(--main)}.third{top:110px}.third b{border-bottom-color:var(--gray-500)}#vulgar{font-size:5em;text-transform:uppercase;letter-spacing:-5px;text-shadow:0 0 5px white;max-width:6em;rotate:-6deg;position:absolute;z-index:1}canvas{border:1px solid var(--gray-200, #ddd)}.flexy label{display:flex;align-items:center;margin-bottom:1.5em}.flexy h4{font-size:1.2rem;min-width:10em}@media (max-width: 640px){.flexy label{display:block}}