html – Possible to remove line between two borders

Added Windows 95 clone window to my personal site. In the image you can see there are two divs, one thin div on top (div.title) and a larger div on the bottom (div.body). The div on the bottom has a border on the left, bottom and right (no border on top). The div on top has a border surrounding the entire element. The issue I’m having is the line between where the two borders meet. Is there a way to remove this line to give both borders a seamless look where they meet?

div.title {
  height: 18px;
  width: 100%;
  background: #000080;
  color: #fff;
  border: 3px #bec2c1 solid;
}

div.body {
  padding: 13px 12px 12px;
  height: 100%;
  width: calc(100% - 34px);
  display: inline-block;
  border-bottom: 8px #bec2c1 solid;
  border-left: 8px #bec2c1 solid;
  border-right: 8px #bec2c1 solid;
}