body {
  margin:3vmin;font-family:Verdana;
}
a{color: #1a214d}
nav{text-align:center;}
#background{width: 94vmin;
  height: 94vmin;
  background-color:#1a214d;
  margin:0 auto;position:relative;}
#square1{position: absolute;
  width: 20vmin;
  height: 94vmin;
  background-color: #3C4494;}
#square2{position: absolute;
  width: 9vmin;
  height: 94vmin;
  background-color:#28415f;
  left: 29vmin;}
#square3{position: absolute;
  width: 9vmin;
  height: 94vmin;
  background-color:#fee39c;
  left: 38vmin;}
#square4{position: absolute;
  width: 9vmin;
  height: 94vmin;
  background-color:#F0A984;
  left: 57vmin;}
#square5{position: absolute;
  width: 9vmin;
  height: 94vmin;
  background-color:#6C5473;
  left: 66vmin;}
#square6{position: absolute;
  width: 9vmin;
  height: 94vmin;
  background-color:#2f4665;
  left: 85vmin;}