CSS grid for centering the main div, "hover" pseudoselector,

What are you most proud of, and what would you do differently next time?

While working on this, I learned for the first time about Rules in CSS, specifically, I had to use the font-face rule to define the font families I used in the website. It gives me the idea that CSS Rules are used to make custom values to specific properties, so I will do more research to see it's uses. Also I learned several other ways to centre a div.

What challenges did you encounter, and how did you overcome them?

The first challenge I encountered was trying to centre the main light-grey div on the viewport; I knew initially that I could use flexbox to do this, but it wasn't working for some reason. To find other solutions I consulted Youtube.

What specific areas of your project would you like help with?

I would like help with the button layout, because I don't believe I went around this in the most efficient way.