#canvas{
  width: 87vmin;
  margin:17vmin auto 3vmin auto;
  height: 110vmin;
  background-color:rgb(235, 234,230);
  position: relative;
  }

#blue1{
  left:10%;
  top:2%;
  width:18%;
  height:96%;
  background-color:rgb(51, 70, 156);
  position: absolute;
  }
#blue2{
  left: 10%;
  top:2%;
  width:40%;
  height:17%;
  background-color:rgb(51, 70, 156);
  position: absolute;
  }

#blue3{
  right:27%;
  top:2%;
  width:8%;
  height:78%;
  background-color:rgb(51, 70, 156);
  position: absolute
}
#blue4{
  right: 12%;
  top: 2%;
  width: 4%;
  height: 60%;
  background-color:rgb(51, 70, 156);
  position: absolute;
  }

#yellow1{
  right: 35%;
  top: 2%;
  width: 9%;
  height: 78%;
  background-color: rgb(249, 230, 105);
  position: absolute;
  }

#yellow2{
  left: 41%;
  top: 19%;
  width: 9%;
  height: 79%;
  background-color: rgb(249, 230, 105);
  position: absolute;
}

#black1{
  left:-344%;
  top:0%;
  width:345%;
  height:16%;
  background-color: rgb(38, 39, 43);
  position: absolute;
}

#black2{
  right:-377%;
  top:-21.7%;
  width:120%;
  height:76.5%;
  background-color: rgb(38, 39, 43); 
  position: absolute;
  }

#black3{
  right: -430%;
  bottom: -0%;
  width: 370%;
  height: 23%;
  background-color: rgb(38, 39, 43); 
  position: absolute
  }