.body{margin:32px;padding:0}.top{background-color:#add8e6;padding:32px}.top .content-generator-area{display:flex;gap:16px}.top .content-generator{border-color:blue;flex-grow:1}.middle{background-color:#d3d3d3;margin-top:32px;padding:32px}.middle .content-generator-area{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.middle .content-generator{border-color:gray}.bottom{background-color:#90ee90;margin-top:32px;padding:32px}.bottom .content-generator-area{display:flex;flex-direction:column;gap:16px}.bottom .content-generator{border-color:green}.content-generator{background-color:#fff;border:2px solid;padding:8px}