shadow box from tfs

by Mladen Mihajlovic

HTML

<br />

<div class="hpanel">
box
</div>

CSS

@import url('https://fonts.cdnfonts.com/css/menlo');

body
{
  background-color:#f8f8f8;
  font-family: 'menlo';
}

div {
  background-color: #ffffff;
  width: 200px;
  height: 200px;
  line-height:200px;
  text-align:center;

  margin: 0 auto;
}


.hpanel {
    box-shadow: 0 3.2px 7.2px 0 rgb(0 0 0 / 13%), 0 0.6px 1.8px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 3.2px 7.2px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)),0 0.6px 1.8px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108));
}