HTML{
  height: 100%;
}

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

#canvas{
  background-color:  rgb(54,68,107);
  width: 100vmin;
  height: 80vmin;
  position: relative;
}

#strip1{
  background-color:  rgb(27,23,29);
  position: absolute;
  left: 20vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}

#strip2{
  background-color:  rgb(25,82,81);
  position: absolute;
  left: 30vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}

#strip3{
  background-color:  rgb(252,209,106);
  position: absolute;
  left: 40vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}

#strip4{
  background-color:  rgb(32,25,42);
  position: absolute;
  left: 50vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}

#strip5{
  background-color:  rgb(250,127,69);
  position: absolute;
  left: 60vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}

#strip6{
  background-color:  rgb(120,73,54);
  position: absolute;
  left: 70vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}
#strip7{
  background-color:  rgb(25,19,30);
  position: absolute;
  left: 80vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}
#strip8{
  background-color:  rgb(20,59,54);
  position: absolute;
  left: 90vmin;
  top: vmin;
  width: 10vmin;
  height: 80vmin; 
}