JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    Normal Paragraph
</p>
<p id='StrangeParagraph'>
    Strange Paragraph
</p>

<br>

<p class='TextBigger'>
    Normal Paragraph
</p>
<p class='TextBigger' id='StrangeParagraph'>
    Strange Paragraph
</p>

CSS

body{
    background-color:#000;
}
p{
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #fff;
    font-smooth: never;
    -webkit-font-smoothing : none;
}
#StrangeParagraph{
    opacity: 0.9;
}
.TextBigger{
    font-size: 16px;
}