My Twitch Styling

/*Variables*/
:root{
  /*Colours can be a standard HEX code eg. #FFFFFF (white)*/
  --pronoun-tag-bg: purple;
  --pronoun-tag-txt: white;
  --chat-alert-bg: rgba(50,50,255,0.75);
  --chat-badge-bg: white;
  --chat-emoji-size: 2.2rem;
  --chat-paragraph-spacing: 5px;
}

/*Chat paragraph separator appearance*/
div.chat-line__message{
  /*0px is to disable*/
  border-bottom: 0px dotted purple;
}

/*Probably not something you need to touch*/
/*Add the font files from external sources*/
@font-face {
    font-family: 'OpenDyslexic';
    src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Regular.woff');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'OpenDyslexic';
    src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Italic.woff');
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'OpenDyslexic';
    src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Bold.woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'OpenDyslexic';
    src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-BoldItalic.woff');
    font-weight: bold;
    font-style: italic;
}

/*Text in the righthand chat box*/
div.chat-line__message,
div.chat-line__status,
textarea,h3,h2,h1,p,input,li
{
  font-family: 'OpenDyslexic', 'Whitney', sans-serif !important;
letter-spacing: 1px;
font-weight: 500;
}

/*Pronoun Tag modifications*/
span.chat-badge.user-pronoun {
  border:0;
  background-color: var(--pronoun-tag-bg);
  color: var(--pronoun-tag-txt);
  padding:0;
padding-left:4px;
padding-right:4px;
text-transform:lowercase;
}

 div.chat-line__status{
  background-color: var(--chat-alert-bg);
  color:white;
}

img.chat-badge {
  background-color:var(--chat-badge-bg);
}

img.chat-image {
  height: var(--chat-emoji-size);
  width: var(--chat-emoji-size);
}

div.chat-line__message {
  padding-top: var(--chat-paragraph-spacing);
  padding-bottom: var(--chat-paragraph-spacing);
}
span.chat-author__display-name {
  background-color:rgba(255,255,255,0.04);
  padding:0;
  padding-left:4px;
  padding-right:4px;
  border-radius:5px;
  border: 1px dashed;
  word-break: normal
}