Untitled

<div id="top-blocker"></div>
<div id="bottom-blocker"></div>

<div id="container">
  <div id="sub-container">
</div>

<style>

#top-blocker{
  width: 10vw;
  height: 11vw;
  position: absolute;
  background: #4A1818;
  top: 12vw;
  left: 45vw;
}

#bottom-blocker{
  width: 10vw;
  height: 11vw;
  position: absolute;
  background: #4A1818;
  top: 52vw;
  left: 45vw;
}
  
#container{
  width: 50vw;
  height: 50vw;
  background: #F16B4A;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sub-container{
  width: 15vw;
  height: 15vw;
  border: solid #4A1818 7.5vw;
}

body{
  margin: 0;
  width: 100vw;
  height: 100vh;
  background: #4A1818;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>