JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cola luz-superior">
		
	</div>
	<div class="uno capa1 luz-superior">
		<div class="capa2 luz-interior">
			<div class="capa3 luz-superior">
				<div class="capa4 luz-interior"></div>
			</div>
		</div>
	</div>

	<div class="nombre">HAYDER ESPINOZA @hayderespit</div>

CSS

*{
			padding:0;
			margin:0;
		}
		body{
			background:#222 url('tronfondo.jpg') repeat;
		}
		.luz-superior{
			background-color:#fff;
			-webkit-box-shadow:											0px 0px 40px rgb(8, 213, 248),
				inset 0px 0px 10px rgb(8, 213, 248),
				inset 0px 0px 20px rgb(8, 213, 248),
				inset 0px 0px 30px rgb(8, 213, 248);
		}
		.luz-interior{
			background:#222 url('tronfondo.jpg') repeat;
			-webkit-box-shadow:
				0px 0px 10px rgb(8, 213, 248),
				0px 0px 20px rgb(8, 213, 248),
				0px 0px 30px rgb(8, 213, 248),
				0px 0px 40px rgb(8, 213, 248),
				inset 0px 0px 40px rgb(12, 195, 200);
		}
		.capa1{
			width:200px;
			height:200px;
			-webkit-border-radius:50%;
			position:relative;
		}
		.capa2{
			width:175px;
			height:175px;
			-webkit-border-radius:50%;
			position:absolute;
			top:12px;
			left:12px;
		}
		.capa3{
			width:120px;
			height:120px;
			-webkit-border-radius:50%;
			position:absolute;
			top:27px;
			left:27px;
		}
		.capa4{
			width:90px;
			height:90px;
			-webkit-border-radius:50%;
			position:absolute;
			top:15px;
			left:15px;
		}
		.uno{
			position:absolute;
			top:160px;
			left:120px;
		}
		.cola{
			width: 210px;
			height:200px;
			background-color:rgba(41, 209, 238, 0.28); 
			position:absolute;
			top:160px;
			left: 100px;
			-webkit-border-radius:50%;
		}
		.nombre{
			font-family: 'calibri';
		   	color:rgba(41, 209, 238, 0.6); 
			width:800px;
			height: 200px;
			font-size:7em;
			text-shadow:
				0 0 1px #fff,
				0 0 10px rgb(41, 209, 238);
			position:absolute;
			top:130px;
			left:390px;
		}