Results summary component

Hello!! It looks great!! I have a few suggestions that might be useful for you:

1. Change the .container tag into a <main> tag, and this <main> tag should have a min-height: 100vh instead of a height: 800px and of course a justify-content: center; to center the card.
2. If you set justify-content: center; on the .container you could remove the margin: 20% auto; in the .card.
3. You could try to use custom properties for the colors, this will give you confidence when using variables in CSS.