Rainbow Bordered Column Callouts

/*
For Efemkay's Modular CSS Layout
https://github.com/efemkay/obsidian-modular-css-layout

Rainbow generated from here:
https://codepen.io/amit_sheen/pen/LYNKerG

Makes the blank-container callouts have rainbow borders
Also the headers will be centred and underlined
*/

div[data-callout="blank-container"].callout {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #fe5858 -1px, #fe5858 1px, transparent 1px), linear-gradient(to right, #fe5858, #5871fe), radial-gradient(circle at 0% 100%, transparent -1px, #5871fe -1px, #5871fe 1px, transparent 1px), linear-gradient(to bottom, #5871fe, #52ffe8), radial-gradient(circle at 0% 0%, transparent -1px, #52ffe8 -1px, #52ffe8 1px, transparent 1px), linear-gradient(to left, #52ffe8, #fee258), radial-gradient(circle at 100% 0%, transparent -1px, #fee258 -1px, #fee258 1px, transparent 1px), linear-gradient(to top, #fee258, #fe5858);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;
  background-repeat: no-repeat;
}

div[data-callout="blank-container"].callout {
  background-color: rgb(26, 26, 27);
  box-shadow: 8px 8px 1px rgb(19, 19, 19);
  padding: 10px 10px 20px 10px;
}

div[data-callout="blank-container"].callout h1,
div[data-callout="blank-container"].callout h2,
div[data-callout="blank-container"].callout h3,
div[data-callout="blank-container"].callout h4,
div[data-callout="blank-container"].callout h5 {
  margin: 0 0 8px;
  border-bottom: 2px solid rgb(177, 177, 177);
  text-align: center;
  color: #CDD3DA;
}

div[data-callout="blank-container"].callout ul,
div[data-callout="blank-container"].callout ol,
div[data-callout="blank-container"].callout p {
  margin: 0 0 0 10px;
}

div[data-callout="blank-container"].callout ul,
div[data-callout="blank-container"].callout ol {
  padding-left: 20px;
}