HTML{
  height: 100%;
}

body{
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#canvas{
  background-color:  rgb(255,255,255);
  width: 100vmin;
  height: 60vmin;
  position: relative;
}

#leftstrip1{
  background-color:  rgb(250,227,74);
  position: absolute;
  left: 16vmin;
  top: 5vmin;
  width: 10vmin;
  height: 60vmin; 
}

#middlestrip1{
  background-color:  rgb(47,46,44);
  position: absolute;
  left: 25vmin;
  top: 5vmin;
  width: 10vmin;
  height: 60vmin; 
}

#rightstrip1{
  background-color:  rgb(182,225,232);
  position: absolute;
  left: 35vmin;
  top: 5vmin;
  width: 10vmin;
  height: 60vmin; 
}

#leftstrip2{
  background-color:  rgb(250,227,74);
  position: absolute;
  left: 55vmin;
  top: 5vmin;
  width: 10vmin;
  height: 60vmin; 
}

#middlestrip2{
  background-color:  rgb(47,46,44);
  position: absolute;
  left: 65vmin;
  top: 5vmin;
  width: 10vmin;
  height: 60vmin; 
}

#rightstrip2{
  background-color:  rgb(182,225,232);
  position: absolute;
  left: 74vmin;
  top: 5vmin;
  width: 10vmin;
  height: 60vmin; 
}