JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="box">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, odit!</p>
</div>

SCSS

html {
  background-image: url(https://placeimg.com/200/100/nature);
  background-size: cover;
  image-rendering: pixelated;
}
body {
  background-color: transparent;
}

.box {
  width: 10rem;
  display: inline-block;
  padding: 0 2rem;
  border: 6px double #d4d5d9;
  box-shadow: 0 0 0 2px #7a7981, 0 0 0 2px inset #7a7981, 0 5px 20px 0 inset #7a7981;
  background-color: #0008;
  color: white;
}