#outer{padding:10px;
  background-color:rgb(239, 238, 232);
  position:relative;
  margin: 0 auto;
  width:70vmin;
  height:94vmin;
  max-width:600px;
  max-height:600px;}
#sq1{
  background-color:rgb(40, 46, 144);
  position:absolute;
  left:70%;
  top: 5%;
  width:25%;
  height:50%;
  z-index: 100;}
#sq2{
  background-color:rgb(40, 46, 144);
  position:absolute;
  left:5%;
  top: 5%;
  width:15%;
  height:90%;
}
#sq3{
  background-color:rgb(40, 46, 144);
  position:absolute;
  left:5%;
  top: 5%;
  width:40%;
  height:15%;
  z-index: 100;}
#sq4{
  background-color:rgb(40, 46, 144);
  position:absolute;
  left:65%;
  top: 5%;
  width:10%;
  height:80%;}
#sq5{
  background-color:rgb(28, 28, 30);
  position:absolute;
  left:75%;
  top: 5%;
  width:15%;
  height:50%;
  z-index: 100;}
#sq6{
  background-color:rgb(246, 226, 60);
  position:absolute;
  left:35%;
  top: 5%;
  width:10%;
  height:90%;}
#sq7{
  background-color:rgb(28, 28, 30);
  position:absolute;
  left:5%;
  top: 20%;
  width:30%;
  height:10%;
  z-index: 100;}
#sq8{
  background-color:rgb(246, 226, 60);
  position:absolute;
  left:55%;
  top: 5%;
  width:10%;
  height:90%;}
#sq9{
  background-color:rgb(28, 28, 30);
  position:absolute;
  left:55%;
  top: 80%;
  width:40%;
  height:15%;
  z-index: 100;}