#canvas{
  position:relative;
  width:75vmin;
  height:90vmin;
  background-color: #000000; 
  top:2vmin;
}

#col2{
  top:0;
  left:25vmin;
  position:absolute;
  background-color:rgb(46, 38, 212);
  width:25vmin;
  height:30vmin;

}
#col3{
  top:0;
  left:50vmin;
  position:absolute;
  background-color:#aa8936;
  width:25vmin;
  height:30vmin;

}
#col14{
  top:30vmin;
  left:50vmin;
  position:absolute;
  background-color:#a11616;
  width:25vmin;
  height:30vmin;

}
#col15{
  top:30vmin;
  left:25vmin;
  position:absolute;
  background-color:#0e0938;
  width:25vmin;
  height:30vmin;

}
#col16{
  top:30vmin;
  left:0;
  position:absolute;
  background-color:#afa690;
  width:25vmin;
  height:30vmin;

}
#col17{
  top:60vmin;
  left:25vmin;
  position:absolute;
  background-color:#261c7d;
  width:25vmin;
  height:30vmin;

}
#col18{
  top:60vmin;
  left:0vmin;
  position:absolute;
  background-color:#27272a;
  width:25vmin;
  height:30vmin;

}
#col19{
  top:60vmin;
  left:50vmin;
  position:absolute;
  background-color:#3e73bb;
  width:25vmin;
  height:30vmin;

}