CodePen Embed - WZvEaW

<svg class="section-divider" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 79.5">
  <path class="section-divider-shape" d="M0 79.5h1440V0c-220.2 51-459.9 79.5-720 79.5C465.1 79.5 216.8 49.1 0 0v79.5z"/>
  <path class="section-divider-border" fill="none" d="M0 0s319.7 79.5 720 79.5c412.7 0 720-79.5 720-79.5"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 79.5">
  <path class="path2" d="M0 79.5h1440V0c-220.2 51-459.9 79.5-720 79.5C465.1 79.5 216.8 49.1 0 0v79.5z"/>
  <path class="path2-border" fill="none" d="M0 0s319.7 78.2 720 78.2c412.7 0 720-78.2 720-78.2"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 79.5">
  <path class="st0" d="M0 79.5h1440V0c-220.2 51-459.9 79.5-720 79.5C465.1 79.5 216.8 49.1 0 0v79.5z"/>
  <path class="st1" fill="none" d="M-1 1s320.7 77.2 721 77.2c412.7 0 721-77.2 721-77.2"/>
</svg>

.section-divider-shape {
  fill: #eee;
}

.section-divider-border {
/*   display: none; */
/*   fill: none; */
  stroke: hotpink;
  stroke-width: 5px;
  stroke-linecap: bevel;
}

.path2 {
  fill: hotpink;
}

.path2-border {
  stroke: gold;
  stroke-width: 10px;
}

.st0 {
  fill: #001f3f;
}

.st1 {
  stroke: #01FF70;
  stroke-width: 3px;
}

This Pen is owned by Paul Yabsley on CodePen.

See more by @paulyabsley on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.