JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
    <p>Hello World!!!!<br>
        THIS IS SECOND LINE - THERE MIGHT BE MORE LINES OF TEXT LATER ON.</p>
</div>

CSS

body { background: #d2d1d0; }

#box {
    background: #F4F4F4;
    border: 1px solid blue;
    position: relative;
    height: 100%;
    width: 100%;
}

#box p {
    padding: 10px;
}

#box, #box:before, #box:after {
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#box:before {
    border: 1px solid red;
    content: '';
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
}

#box:after {
    border: 1px solid green;
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}