*,*:after,*:before{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:10px;display:flex;justify-content:center}header{text-align:center;font-size:clamp(1.5rem,2vw,2rem)}#colour-scheme-loading,#colour-scheme-error{text-align:center}#colour-scheme-main{width:90vw;max-width:1000px}#colour-scheme-randomColour{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}#colour-scheme-randomColour button{font-family:Arial,Helvetica,sans-serif;font-size:1.65em;background-color:transparent;border:2px solid black}#colour-scheme-randomColour button:hover{background-color:#00000080}#colour-scheme-randomColour button:active{background-color:#0009}#colour-scheme-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(12em,1fr));justify-items:center;column-gap:3em;row-gap:1em}#colour-scheme-message{padding:0;margin-top:10px;margin-bottom:25px}.colour-scheme-block{display:flex;flex-direction:column;align-items:center;position:relative}.colour-scheme-block ul{list-style:none;padding:0}.colour-scheme-block h2{padding:0;margin:0;font-size:1rem;text-decoration:underline}li,p{padding:10px 20px;letter-spacing:1px;text-align:center}li:hover{cursor:copy}.colour-scheme-action{position:absolute;right:100%;color:#000}