.fancy {
  --b: 5px;   /* control the border thickness */
  --w: 100px; /* control the width of the line*/
  --h: 1.6em; /* control the height of the element */
  --c: #0B486B;
 
  width: fit-content;
  padding: 0 calc(2*var(--h)/3);
  line-height: var(--h);
  color: #fff;
  clip-path: 
    polygon(
     calc(var(--h)/2) 0,100vw 0,
     100vw var(--b),100%  var(--b),
     calc(100% - var(--h)/2) 100%,-100vw 100%,
    -100vw calc(100% - var(--b)),0 calc(100% - var(--b))
    );
  border-image: var(--_g,linear-gradient(var(--c) 0 0)) fill 0//0 var(--w);
  margin-inline: auto;
}
.dash {
  background: var(--c);
  --_g: repeating-linear-gradient(90deg,var(--c) 0 10px,#0000 0 15px);
}



p {
  font-size: 1.3rem;
  text-align: justify;
  margin-inline: max(20px, 50% - 800px/2);
}
h1 {
  font-size: 2.3rem;
}
h2 {
  font-size: 1.8rem;
}

body {
  font-family: system-ui, sans-serif;
}