All solutions

One of the main difficulties was implementing three-state toggle switch changes to the theme of the calculator. However, with useful resources, I was able to overcome this.

Here is a vanilla CSS solution for the project.

Hello everybody, very much appreciate your time and I'm so excited to be part of the like-minded community. Regarding this project, on the way to completing this project, I encountered several problems:

1. Alignment of the sunnyside logo, I used flexbox CSS rules, but it seems it would help with aligning horizontally. Is there any other approach without using margins and paddings to align the logo on the header? it seems to me that the font style (Barlow) is not aligned properly inside its box.
2. Any suggestions about animation effects to add dynamics to the page would also be appreciated.