@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

*{ box-sizing:border-box; }
body{ margin: 3vmin;}
#canvas{
  width: 80vmin;
  height: 150vmin;
  background-color: rgb(214, 61, 33);
  margin: 0 auto;
  position: relative;
}
#blue{ 
  background-color: rgb(174,217,226);
  position:absolute;
  left: 0; 
  top:0; 
  width: 100%; 
  height: 6.5%;
}
#yellow{ 
  background-color: rgb(241,216,73);
  position:absolute;
  left:85%; 
  top:6.5%; 
  width: 15%; 
  height: 93.5%;
}
#pink{ 
  background-color: rgb(235,177,159);
  position:absolute;
  left:0%; 
  top:6.5%; 
  width: 15%; 
  height: 93.5%;
}
#brown{ 
  background-color: rgb(228,211,165);
  position:absolute;
  left:15%; 
  bottom: 0%; 
  width: 70%; 
  height: 7%;
}