Cloud Developer

As mentioned in the previous post, I will release a "short cartoons" series with CSS. This is the first one, and I'm still debating about what should be the proper content:

• Should I make the code shorter?

• Should I add more properties that are not common?

I attached both versions to this post. Let me know in the comments if you prefer any of them.

Some things about the cartoon:

• The background color is azure, a tongue-in-cheek reference to Microsoft's cloud (also mentioned in the code on the picture as the background value)

• The cartoon is animated: the lines between the computer and clouds move, simulating a closed circuit with the cloud developer in the middle.

• It's inspired by this cartoon: The main reason why I picked it was it ranked high when searching for "cloud developer" on Google Images... but I also like it.

As usual, here's a link to a private CodePen where you will find the source code and live demo.