Twenty Thirteen was a theme of stylish headers and bold colors. This pattern takes that inspiration to create a pattern that lives on the edge of random effects depending on what browser you are viewing in. A nod to the color scheme is made in the chosen bubbles.
Pattern
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"isStackedOnMobile":false,"align":"wide","style":{"color":{"background":"#fdfbf0"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"width":"30px"},"left":{"width":"0px","style":"none"}}}} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile has-background" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-width:30px;border-left-style:none;border-left-width:0px;background-color:#fdfbf0;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:column {"width":"250px","style":{"spacing":{"padding":{"top":"0vh","bottom":"0vh"}}}} -->
<div class="wp-block-column" style="padding-top:0vh;padding-bottom:0vh;flex-basis:250px"><!-- wp:group {"style":{"border":{"radius":"100%"},"dimensions":{"minHeight":"300px"},"color":{"background":"#cf2d2dd1"},"spacing":{"padding":{"left":"20vw","right":"0vw"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#cf2d2dd1;min-height:300px;padding-right:0vw;padding-left:20vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"100px"} -->
<div class="wp-block-column" style="flex-basis:100px"><!-- wp:group {"style":{"border":{"radius":"100%"},"dimensions":{"minHeight":"150px"},"spacing":{"blockGap":"0","padding":{"right":"10vw"},"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"color":{"background":"#fcb90087"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#fcb90087;min-height:150px;margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-right:10vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"250px","style":{"spacing":{"padding":{"top":"0vh","bottom":"0vh"}}}} -->
<div class="wp-block-column" style="padding-top:0vh;padding-bottom:0vh;flex-basis:250px"><!-- wp:group {"style":{"border":{"radius":"100%"},"dimensions":{"minHeight":"280px"},"color":{"background":"#cf2d2da6"},"spacing":{"padding":{"left":"20vw","right":"0vw"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#cf2d2da6;min-height:280px;padding-right:0vw;padding-left:20vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"100px"} -->
<div class="wp-block-column" style="flex-basis:100px"><!-- wp:group {"style":{"border":{"radius":"100%"},"dimensions":{"minHeight":"150px"},"spacing":{"blockGap":"0","padding":{"right":"10vw"}},"color":{"background":"#fcb90087"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#fcb90087;min-height:150px;padding-right:10vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"100px"} -->
<div class="wp-block-column" style="flex-basis:100px"><!-- wp:group {"style":{"border":{"radius":"50%"},"dimensions":{"minHeight":"50px"},"spacing":{"blockGap":"0","padding":{"right":"5vw"}},"color":{"background":"#fcb90026"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:50%;background-color:#fcb90026;min-height:50px;padding-right:5vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"200px"} -->
<div class="wp-block-column" style="flex-basis:200px"><!-- wp:group {"style":{"border":{"radius":"100%"},"dimensions":{"minHeight":"150px"},"spacing":{"padding":{"left":"10vw"},"margin":{"top":"3vw","bottom":"3vw"}},"color":{"background":"#ff6a00c2"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#ff6a00c2;min-height:150px;margin-top:3vw;margin-bottom:3vw;padding-left:10vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"300px","style":{"spacing":{"padding":{"top":"0vh","bottom":"0vh"}}}} -->
<div class="wp-block-column" style="padding-top:0vh;padding-bottom:0vh;flex-basis:300px"><!-- wp:group {"style":{"border":{"radius":"100%"},"dimensions":{"minHeight":"200px"},"spacing":{"padding":{"left":"15vw"}},"color":{"background":"#cf2d2d63"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#cf2d2d63;min-height:200px;padding-left:15vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"300px"} -->
<div class="wp-block-column" style="flex-basis:300px"><!-- wp:group {"style":{"border":{"radius":"100%"},"dimensions":{"minHeight":"250px"},"spacing":{"blockGap":"0","padding":{"right":"15vw"}},"color":{"background":"#fcb90087"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:100%;background-color:#fcb90087;min-height:250px;padding-right:15vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"200px"} -->
<div class="wp-block-column" style="flex-basis:200px"><!-- wp:group {"style":{"border":{"radius":"50%"},"dimensions":{"minHeight":"80px"},"spacing":{"blockGap":"0","padding":{"right":"5vw"}},"color":{"background":"#fcb90026"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:50%;background-color:#fcb90026;min-height:80px;padding-right:5vw"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"200px"} -->
<div class="wp-block-column" style="flex-basis:200px"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"200px"} -->
<div class="wp-block-column" style="flex-basis:200px"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50px"} -->
<div class="wp-block-column" style="flex-basis:50px"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->Screenshot
