JSFiddle - React, Tailwind, and code Playground

HTML

<div id="spinner"><div class="spinner-circle"></div></div>

CSS

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
body{
    background-color: #fff;
}
#spinner{
   background-color: #fcfcfc;
    box-shadow:0px 0px 7px #333333;
	position: fixed;
    border-radius: 5px;
	left: 40%;
	top: 30%;
	width: 200px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
    padding: 40px;
}
#spinner .spinner-circle{
	border-left: 3px solid darkseagreen;
    border-right: 3px solid darkseagreen;
    display: block;
	width: 200px;
	height: 200px;
	border-radius: 200px;
	-webkit-animation:spin 850ms linear infinite;
    -moz-animation:spin 850ms linear infinite;
    animation:spin 850ms linear infinite;
    margin-bottom: 10px;

}

#spinner::after{
	font-size: 20px;
	content: "Working...";
    font-family: Helvetica;
    padding-left: 25px;
}