body{
    background-color: #1E1E1E;	 background-size: 100%; 
}


#box{
	width: 300px;
	height: 120px;
	margin: 30px auto 0;
	border: #00FFFF solid 2px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	transition: all 2s; 
	border-radius: 10px;
}

#box .fl{
	
	width: 200px;
	height: 100px;
	position: absolute;
	
}

#box .radio{
	background-color: #1abd6c;
	    color: #fff;
	    z-index: 9999;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	    border-radius: 50%;
	    position: absolute;
	   z-index: 10;
	   line-height: 30px;
	   color: white;
}

#box span{
	font-size: 35px;
	position: absolute;
	z-index: 4;
	color: blueviolet;
	font-weight: bold;
	transition: all 2s; 
}

#box span:hover{
	font-family: 'Audiowide';
	 text-align: center;
	 color: #E0FFFF;
	 font-size: 50px;
	transition: all 1.5s ease;
	color: #fff;
	animation: Glow 1.5s ease infinite alternate;
	margin-bottom: 30px;
}

@keyframes Glow {
		    from {
		        text-shadow: 0 0 10px #fff,
		                     0 0 20px #fff,
		                     0 0 30px #fff,
		                     0 0 40px #C71585,
		                     0 0 70px #C71585,
		                     0 0 80px #C71585,
		                     0 0 100px #C71585,
		                     0 0 150px #C71585;
							 
				/* text-shadow: 0 0 10px red; */
		    }
		    to {
		        text-shadow: 0 0 5px #fff,
		                     0 0 10px #fff,
		                     0 0 15px #fff,
		                     0 0 20px #C71585,
		                     0 0 35px #C71585,
		                     0 0 40px #C71585,
		                     0 0 50px #C71585,
		                     0 0 75px #C71585;
							 
				/* text-shadow: 0 0 10px blue; */
		    }
		}
#minbox {
	width: 300px;
	height: 40px;
	margin: 10px auto 0;
	border: greenyellow solid 1px;
	text-align: center;
	font-size: 26px;
	line-height: 40px;
	color: #C71585;
	font-weight: bold;
	transition: all 2s;
	border-radius: 10px;
	background-color: white;
}

	#minbox span {
		color: aqua;
		transition: all 2s;
	}

.size {
	color: #0480BE;
	animation: Alow 1.5s ease infinite alternate;
}

@keyframes Alow {
	from {
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00FA9A, 0 0 70px #00FA9A, 0 0 80px #00FA9A, 0 0 100px #00FA9A, 0 0 150px #00FA9A;
		/* text-shadow: 0 0 10px red; */
	}

	to {
		text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00FA9A, 0 0 35px #00FA9A, 0 0 40px #00FA9A, 0 0 50px #00FA9A, 0 0 75px #00FA9A;
		/* text-shadow: 0 0 10px blue; */
	}
}

.bg-blur {
	background-image: url("../images/t1.png");
	width: 100%;
	height: 100%;
	/* background-position: center; */
	background-size: cover;
	/* -webkit-filter: blur(15px);
		            -moz-filter: blur(15px);
		            -o-filter: blur(15px);
		            -ms-filter: blur(15px); */
	filter: blur(5px);
}