JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<div class="messGen agree">OKKKKKKKKKK</div>

CSS

.messGen {
	padding:10px 10px;
	border:#ffe6bf 1px solid;
	display:block;
	color:#ffffff;
	font-weigth:bold;
	max-width:850px;
	z-index:9999;
	position:fixed;
	width:380px;
	top:40%;
	left:50%;
	margin-left:-200px;
	text-align:center;
    border-radius:5px;
    box-shadow:0px 0px 30px 5px rgba(0,0,0,0.3);
}

.agree {
	background:#00980b;
}

.error {
	background:#ff6600
}