dark mode, keyframe animations, grid area template

Additional features in this website:

• Dark mode is available
• Keyframes animation (rotate, skew, scale and translate) while the cursor is on the Card
• In my CSS file, i have named each component in the roots by (purpose=>classes that is impacted by the purpose), i think it helps a lot by naming it this way, to improve the readability and easier to amend in the future.
• for the classes, I used BEM method to name each classes, also to make it easier to read and amendable for the future.