JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class='system error'>Invalid email or password</div>
</body>

CSS

.system
{
	padding:5px 0px;
	text-align:center;
	max-width:400px;
	display:block;
	margin:10px;
	border-radius:3px;
    display:none;
	
}
.error
{
	border:solid 1px red;
	box-shadow:0px 0px 3px 1px #FF8A8C;
	color:red;	
}