JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blue">
    <div class="red">
        
    </div>
</div>

CSS

.blue {
    width: 630px;
    height: 330px;
    box-sizing: border-box;
    border: 2px solid blue;
    border-radius: 10px;
}

.red {
    width: 600px;
    height: 300px;
    margin: 10px auto;
    box-sizing: border-box;
    border: 5px solid red;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
}