@Lescano713
Posted
You can group all the colors and font sizes using ::root; this will help you add or remove colors without having to go to each element. Another way to import font families from Google is by using @import url('https://...'). If you have more than one font, you can combine them into a single @import statement.
I also like to use CSS Grid. If you want to reduce the use of media queries while maintaining a responsive page, I suggest researching how to implement grid-template-columns: repeat(auto-fit, minmax(13em, 1fr)).