CSS code visible in unplished site but becomes invisible when i publish

[Philipp1 (Philipp Quint)]

Hey there,

I am new to webflow and try to build a website for my photo/video business. Everything went relatively good. I used some CSS code from youtoube-videos to get a outline effect on my Text and a scroll snapping effect. To implement these CSS codes i used the webflow embed. As long as Iam in the editor/designer mode from Webflow everything looks like it should and works like it should but as soon as a publish my site none of the CSS is working. The Texts arent outlined anymore and the scroll snapping isnt working too.

Here ist the Readlink from my website:
https://preview.webflow.com/preview/pq-production?utm_medium=preview_link&utm_source=dashboard&utm_content=pq-production&preview=2271f48c77147448f957be74a296f724&mode=preview

and the published link: https://pq-production.webflow.io/

I added two screenshots where you can see the Effect when Iam in edit mode and when Iam on the published site.
Can someone help me?
And my Navbar isnt showing on the published page…

[vincent (Webflow Expert)]

Your code is missing a closing style tag.

Add at the end of your custom code.

[Philipp1 (Philipp Quint)]

I used the drag and drop embed from webflow and i have three of them in total. So i have use these closing style tag om every on them?
Sorry if the question is stupid but I am new to this
Is it possible to attach a screenshot how it looks and where to edit?

[Philipp1 (Philipp Quint)]

Ok i got thanks a lot for your quick help. Really thankfull!

[Philipp1 (Philipp Quint)]

But i have another question. Maybe you can help me with this one aswell. I used a scroll snapping but there is a big delay when i start scrolling to where it starts snapping. Is there any trick to make the delay shorter and the snapping starting faster?