*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;letter-spacing:-.2px;background-color:#111;width:100%;height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;font-size:62.5%;overflow:hidden}header{padding:1rem}.layout__wrapper{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.content__grid{flex-wrap:wrap;flex:1;justify-content:center;max-height:100%;display:flex;overflow-y:scroll}.color-block{cursor:pointer;border:none;outline:none;width:50px;height:50px;margin:0;padding:0;transition:transform .2s;display:inline-block}.color-block:hover{transform:scale(1.3);box-shadow:0 0 25px #000000ba}