Custom css code: missing opening `{`

I tried inserting a html/css code (it's supposed to be an intro of my name/education like a typewriting gif) on my homepage but it keeps giving me the missing opening '{' even though I tested out the code on codepen.io, which worked fine... I then proceeded to add '{' in my code but it gives me "error on line _" (whenever I add the {). I'm not sure if it's glitched or I did something wrong.

It might be helpful to provide a screenshot

Here's the screenshot for the error:

@cakeus It looks like you're adding that code in the Custom CSS panel, but the code you're adding is html (with some Javascript bits inserted). You'll want to add this in Settings > Advanced > Code Injection to see if it works. The Custom CSS panel only supports CSS.