CSS
body
{
background: whitesmoke;
display: flex;
height: 100vh;
align-items: center;
justify-content: center;
overflow: hidden;
}
.frame-outer
{
width: 500px;
height: 500px;
background: rgb(15,15,15);
box-shadow: 25px 18px 52px -23px rgba(0,0,0,0.53);
}
.frame-inner
{
width: 94%;
height: 94%;
background: whitesmoke;
position: relative;
left: 3%;
top: 3%;
box-shadow: inset 25px 25px 33px -34px rgba(0,0,0,0.48);
}
.container
{
width: 90%;
height: 90%;
background: rgb(0,0,0);
position: relative;
left: 5%;
top: 5%;
}
