Some CSS isnt working

[KakonoShiaiVT]

So I have a Soundalerts CSS chatbox that i worked on for about an hour and a half for a stream i want to do on a specific game. I got everything looking sweeet in Soundalerts and i thought i was smooth sailing, but for some reason not all of the CSS code carries over? It's just a browser source that doesnt need any CSS on obs's side so im not entirely sure if its a problem on my end or not, is anyone able to give me any pointers on where im going wrong?

OBS:

SoundAlerts:

and here's the CSS code too:

.chat__item {
background-color: rgba(0, 0, 0, 0.8);
corner-top-left-shape: square;
corner-top-right-shape: bevel;
corner-bottom-right-shape: square;
corner-bottom-left-shape: bevel;
border-radius: 25px;
padding: 50px 30px 30px 50px;
margin-top: 100px;
}

.chat__message {
color: white;
-webkit-text-stroke: 0px;
font-family: "Neu5Land";
line-height: normal;
display: block;
}

.chat__metadata {
top: 51px;
left: 0px;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
corner-top-left-shape: square;
corner-top-right-shape: bevel;
corner-bottom-right-shape: square;
corner-bottom-left-shape: square;
border-radius: 50px;
padding: 5px 60px 0px 20px;
font-size: 22px;

}

.chat__user {
font-family: "Neu5Land";
color: white;

}