* { box-sizing: border-box; }

#outer{
  width: 80vmin;
  height: 80vmin;
  margin: 0 auto;
  background-color: hsla(270, 56%, 55%, 0.46);
  padding: 15vmin 11vmin 15vmin 11vmin;
}

#secondring{
  background-color: rgba(92, 101, 205, 0.59);
  height: 50vmin;
  padding: 13vmin 10vmin 10vmin 10vmin;
}


#innersquare{
  
  height: 30vmin;
  background-color: hsla(51, 93%, 49%, 0.72);
}

@media (min-width: 800px)