<div class="test3"></div>
.test3,
.test3:before {
  content: "";
  display: table;
  width: 170px;
  height: 170px;
  box-shadow: inset 0 0 0 5px teal, inset 0 0 0 10px black,
    inset 0 0 0 15px orange, inset 0 0 0 20px black, inset 0 0 0 25px teal,
    inset 0 0 0 30px black, inset 0 0 0 35px orange, inset 0 0 0 40px black;
}
.test3:before {
  margin: 40px 0 0 40px;
  width: 90px;
  height: 90px;
  background: teal;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.