JSFiddle - React, Tailwind, and code Playground

HTML

<div class="transbox">
    <p> Text here.</p>
</div>

CSS

:root{
    background:#342c74
}

.transbox{
    text-align:center;
    background-color: rgba(118, 126, 154, 0.5);
    border:4px solid #1f1a46
}