JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Heading</h1>

CSS

h1 {
    margin: 10px ;
    padding: 10px ;
    text-align: center ;
    border: 5px #ff6666 solid ;
    position: relative ;
    z-index: 100 ;
    background: #fff ;
}

h1::before {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    border: 2px #ff9999 solid ;
    margin: 2px ;
    display: block ;
    z-index: -1 ;
    background: #fff ;
}

h1::after {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    border: 2px #0000ff solid ;
    margin: 2px ;
    display: block ;
    z-index: -5 ;
    background: #fff ;
}