斜めに並んだ大きな水玉模様の背景デザイン（デモ１）

こちらは、サイトの背景を斜めに並んだ大きな水玉模様で装飾した場合のデモページです。

コードを表示している下記の囲み枠は、枠の横幅をコードが超えると、左右にスクロールするようになります。コードが囲み枠から見切れていたら、横スクロールさせてご覧ください。

/// CSS /// 
 
body {
    margin: 0;
    padding: 0;
    background:
        radial-gradient(#fffeff 12px, transparent 13px) center / 56px 56px,
        radial-gradient(#fffeff 12px, transparent 13px) calc(50% + 28px) calc(50% + 28px) / 56px 56px,
        #fed2dc;
}

p {
    margin: 1em;
    padding: 1em;
    background: #b2939a;
    color: #33282a;
}