#outer{ 
  position:relative;
  width:80vmin;
  height: 30vmin;
  margin: 0 auto;
  background-color: #dddede;
}

#square {
  position:absolute;
  width:20vmin;
  height: 20vmin;
  margin: 0auto;
  background-color: #ad073d;
  left: 5vmin;
  margin-top: 5vmin;
}

#square2 {
  position:absolute;
  width:20vmin;
  height: 20vmin;
  margin: 0auto;
  background-color: #c79b47;
  left: 25vmin;
  margin-top: 0vmin;
}

#square3 {
  position:absolute;
  width:20vmin;
  height: 20vmin;
  margin: 0auto;
  background-color: #030a41;
  left: 25vmin;
  margin-top: 0vmin;
}