:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;width:100%;margin:0 auto;padding:2rem;text-align:center;box-sizing:border-box}.appWindow{max-width:1280px;width:100%}.logo{width:25%;height:auto;padding-right:100px;margin-right:20px;object-fit:contain}.card{padding:2em}.read-the-docs{color:#888}.canvas{display:grid;grid-template-columns:repeat(var(--num-columns),1fr);min-height:75vh}h4,p{font-size:1.5rem;margin:10px 0}.slider{display:flex;flex-direction:row;width:100%}.slider h4,p{width:25%;text-align:left}.slider input[type=range]{margin:0 20px}input[type=range]{width:50%}button{background:#00f;font-size:1.5rem;color:#ff0;padding:10px;margin:10px;cursor:pointer}button:disabled{opacity:.5}.on{background:green}.upper{display:flex;flex-direction:row;width:100%;justify-content:space-around;padding-bottom:20px;border-bottom:5px solid black}.lower{padding-top:20px}.controls{width:100%}.colors div{display:flex;flex-direction:row;align-items:center}.colors div h4{width:25%;text-align:left}input[type=color]{margin:0 20px;width:25%}.animationControls{width:100%;display:flex;flex-direction:row;justify-content:center}@media screen and (max-width: 1200px){.upper{flex-direction:column}.logo{margin-bottom:20px}h4,button,p{font-size:1rem}button{margin:5px 0 0}.slider h4{width:30%}.slider p{width:10%}.input[type=range]{width:60%}.colors div{align-items:space-between}.colors div h4{width:35%;text-align:left}input[type=color]{width:50%}button{width:100%}}.light{background:gold}.dark{background:#000}.editMode{border:1px solid white}