includes.css

/*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;
}



 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
}