#canvas{
  width: 60vmin;
  margin:13vmin auto 3vmin auto;
  height: 90vmin;
  background-color: antiquewhite;
  position: relative;
}

#skyblue{
  left: 0%;
  top:0%;
  width: 100%;
  height:8%;
  background-color: rgb(162, 217, 224);
  position: absolute;
}

#yellow{
  right:0%;
  top:8%;
  width:10%;
  height:92%;
  background-color: rgb(238, 213, 0);
  position: absolute;
}

#pink{
  left:0%;
  top: 8%;
  width: 10%;
  height:92%;
  background-color: rgb(241, 173, 154);
  position: absolute;
}

#taupe{
  left: 10%;
  bottom: 0%;
  width: 80%;
  height: 8%;
  background-color: rgb(227, 211, 164);
  position: absolute;
}

#red{
  left:10%;
  bottom:7%;
  width: 80%;
  height: 85%;
  background-color: rgb(230, 42, 4);
  position: absolute;
}