#outer{padding:10px;
  background-color:rgb(78, 99, 40);
  position:relative;
  margin: 0 auto;
  width:90vmin;
  height:90vmin;
  max-width:600px;
  max-height:600px;}
#firstsq{
  background-color:rgb(227, 93, 17);
  position:absolute;
  left:0%;
  top: 0%;
  width:80%;
  height:50%;
  z-index: 100;}
#secondsq{
  background-color:rgb(180, 29, 47);
  position:absolute;
  left:5%;
  top: 0%;
  width:85%;
  height:95%;
}
#thirdsq{
  background-color:rgb(223, 237, 231);
  position:absolute;
  left:5%;
  top: 5%;
  width:75%;
  height:70%;
  z-index: 100;}
#fourthsq{
  background-color:rgb(10, 70, 101);
  position:absolute;
  left:90%;
  top: 0%;
  width:10%;
  height:100%;}
#fifthsq{
  background-color:rgb(20, 23, 49);
  position:absolute;
  left:50%;
  top: 5%;
  width:30%;
  height:45%;
z-index: 100;}