*,:before,:after{box-sizing:border-box;font:inherit;margin:0;padding:0;border:none}html{font-family:Dosis,sans-serif}.btn{background-color:#fff;display:block;padding:.375rem 1rem;width:fit-content;border-radius:.25rem;font-weight:500;cursor:pointer;outline-offset:0;box-shadow:3px 3px 10px #00000040}.colorTile{padding:2rem 1rem;border-radius:1rem;font-weight:500;font-family:Share Tech Mono,monospace;box-shadow:4px 4px 14px #0000001a;text-transform:uppercase}.colorsRow{display:flex;gap:clamp(.25rem,5vw,1rem)}.windowHeight{min-height:100vh;display:flex;flex-direction:column}.main{flex-grow:1;display:grid;place-content:center}.controls{padding:1rem 2rem;display:flex;gap:1rem}.verticalSeparator{height:50%;margin-block:auto;width:1px}.colorRowsContainer{display:flex;flex-direction:column;gap:2rem}.posRelative{position:relative}.trashButton{display:flex;border:solid 1px black;padding:.125rem;border-radius:50%;position:absolute;right:0;top:0;transform:translate(35%,-35%);cursor:pointer}.trashButton:hover{background-color:#eb4747}