body{margin:0;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}section{width:100%;padding:2em}button:hover{cursor:pointer}.colors table{border-collapse:collapse;width:calc(100% - 4em);height:500px}.colors td{padding:0}.color{overflow:hidden;position:relative;width:100%;height:100%;transition:all .2s cubic-bezier(.075,.82,.165,1)}.color:hover{cursor:pointer;z-index:50;transform:translate(-8%,-8%);width:120%;height:120%;box-shadow:0 0 64px rgba(0,0,0,.603)}.color span{position:absolute;bottom:2%;left:2%;color:#fff;white-space:nowrap;mix-blend-mode:soft-light;pointer-events:none}