id blue;
  backdrop-filter: blur(20px);
}
.greenbox {
  position:absolute;
  width: 150px;
  height: 50px;
  background: green;
}
.top {
  top:100px;
  left: 10px;
}
.right {
  top:130px;
  left: 102px;
  width: 58px;
  height: 150px;
}
.bottom {
  top:252px;
  left: 10px;
}
.children {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0px;
  left: 0px;
  background: green;
}
</style>

