html,body{margin:0;padding:0}.comic{display:flex;flex-wrap:wrap;font-family:Comic Sans,cursive;padding:1vmin}.panel{background-color:#fff;border:solid 2px #000;box-shadow:0 6px 6px -6px #000;display:inline-block;flex:1 1;height:200px;margin:1vmin;overflow:hidden;position:relative}.panel:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.2;background-image:radial-gradient(circle,rgba(0,0,0,.4) 2px,transparent 2px);background-size:12px 12px}.panel>*{position:relative;z-index:2}.text{background-color:#fff;border:solid 2px #000;margin:0;padding:3px 10px}.top-left{left:-6px;position:absolute;top:-2px;transform:skew(-15deg)}.bottom-right{bottom:-2px;position:absolute;right:-6px;transform:skew(-15deg)}.speech{background-color:#fff;border:solid 2px #000;border-radius:12px;display:inline-block;margin:.5em;padding:.5em 1em;position:relative}.speech:before{border:solid 12px transparent;border-left:solid 12px #000;border-top:solid 12px #000;bottom:-24px;content:"";height:0;left:24px;position:absolute;transform:skew(-15deg);width:0}.speech:after{border:solid 10px transparent;border-left:solid 10px #fff;border-top:solid 10px #fff;bottom:-19px;content:"";height:0;left:27px;position:absolute;transform:skew(-15deg);width:0}.panel:nth-child(1){flex-basis:400px}.panel:nth-child(2){flex-basis:200px}.panel:nth-child(3){flex-basis:200px}.panel:nth-child(4){flex-basis:200px}.panel:nth-child(5){flex-basis:200px}.panel:nth-child(6){flex-basis:200px}.panel:nth-child(7){flex-basis:400px}.panel:nth-child(8){flex-basis:200px}.panel:nth-child(9){flex-basis:200px}.panel:nth-child(4n+1){background-image:radial-gradient(circle,#ff0,orange)}.panel:nth-child(4n+2){background-image:radial-gradient(circle,#add8e6,#00bfff)}.panel:nth-child(4n+3){background-image:radial-gradient(circle,#98fb98,#9acd32)}.panel:nth-child(4n+4){background-image:radial-gradient(circle,#f08080,tomato)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sections-comic.css.map */