.cabinet {
  position: relative;
  width: 700px;
  height: 700px;
  background-color: #61a19e;
  top: 40px;
  border: 10px solid #86c8bd;
  box-sizing: border-box;
}
.cabinet .cabinet-top {
  width: 700px;
  height: 0;
  border-bottom: 10px solid #61a19e;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  box-sizing: border-box;
  top: -20px;
  left: -1.5%;
  position: absolute;
}
.cabinet .shelf {
  position: relative;
  width: 100%;
  height: 20%;
  box-sizing: border-box;
}
.cabinet .shelf .back {
  position: absolute;
  top: 0;
  left: 2%;
  width: 96%;
  height: 100%;
  background-color: #397261;
  box-shadow: inset 10px 15px 15px 10px #0f4c5c;
}
.cabinet .shelf .base {
  width: 100%;
  height: 0;
  border-bottom: 20px solid #4d8a7f;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  box-sizing: border-box;
  bottom: 10px;
  position: absolute;
  box-shadow:inset 0px 15px 15px #21100d;
} 
.cabinet .shelf .front {
  width: 100%;
  height: 10px;
  background-color: #86c8bd;
  position: absolute;
  bottom: 0;
}

.cabinet .shelf .cd {
  position:absolute;
  flex: 1;
  width:100px;
  height:100px;
  top:30px;
  left:50px;
}