@charset "utf-8";.panel{background-color:#fff;border:solid 2px #000;box-shadow:0 6px 6px -6px #000;display:inline-block;position:relative;flex-basis:200px;transition:scale .3s linear}.panel:nth-of-type(6n+1){background-image:radial-gradient(circle,#c7f2ff,deepskyblue)}.panel:nth-of-type(6n+2){background-image:radial-gradient(circle,#fcfca1,orange)}.panel:nth-of-type(6n+3){background-image:radial-gradient(circle,#ceffce,yellowgreen)}.panel:nth-of-type(6n+4){background-image:radial-gradient(circle,#fcaeae,tomato)}.panel:nth-of-type(6n+5){background-image:radial-gradient(circle,#f5c2ff,#cb47ff)}.panel:nth-of-type(6n+6){background-image:radial-gradient(circle,#ffaf46,#fffc36)}.panel-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.text{background-color:#fff;border:solid 2px #000;margin:0;padding:3px 10px;z-index:20}.skew{transform:skew(-15deg);display:block}.unskew{transform:skew(15deg);display:block}.text.top-left{left:-6px;position:absolute;top:-5px}.text.top-right{top:-5px;position:absolute;right:-10px}.text.bottom-left{left:-6px;position:absolute;bottom:-5px}.text.bottom-right{bottom:-5px;position:absolute;right:-6px}