#canvas{
  background-color:  rgb(244,244,242);
  width:55vmin;
  height:56vmin;
  margin:20vmin auto 0 auto;
  position:relative;
  box-shadow: 0px 0px 14px black;

}

#upleftbox{
  position:absolute;
  left:0vmin;
  top:0vmin;
  width:17vmin;
  height:17vmin;
  background-color: rgb(229,227,203);
}

#uprightbox{
  position:absolute;
  left:017vmin;
  top:0vmin;
  width:38vmin;
  height:17vmin;
  background-color: rgb(30,76,148);
}

#leftcenterbox{
  position:absolute;
  left:8vmin;
  top:25vmin;
  width:13vmin;
  height:10vmin;
  background-color: rgb(1,2,3);
}

#redbox{
  position:absolute;
  left:23.5vmin;
  top:19vmin;
  width:1.6vmin;
  height:2vmin;
  background-color: rgb(206,44,44);
}

#centerboxright{
  position:absolute;
  left:23.5vmin;
  top:20.5vmin;
  width:1.6vmin;
  height:30vmin;
  background-color: rgb(1,2,3);
}

#centerboxleft{
  position:absolute;
  left:20vmin;
  top:25vmin;
  width:1vmin;
  height:30vmin;
  background-color: rgb(1,2,3);
}

#botboxleft{
  position:absolute;
  left:0vmin;
  top:51vmin;
  width:21vmin;
  height:5vmin;
  background-color: rgb(1,2,3);
}

#botboxright{
  position:absolute;
  left:23.5vmin;
  top:49vmin;
  width:31.5vmin;
  height:7vmin;
  background-color: rgb(1,2,3);
}

#botbox{
  position:absolute;
  left:20vmin;
  top:54vmin;
  width:31.5vmin;
  height:2vmin;
  background-color: rgb(1,2,3);
}

#rightupbox{
  position:absolute;
  left:54.5vmin;
  top:0vmin;
  width:0.5vmin;
  height:40vmin;
  background-color: rgb(30,76,148);
}

#rightbotbox{
  position:absolute;
  left:54.5vmin;
  top:38vmin;
  width:0.5vmin;
  height:15vmin;
  background-color: rgb(1,2,3);
}