@font-face { 
	font-family: 'Digiface';
	src: url('../digiface.ttf');
	font-weight: normal;
	font-style: normal;
}

.circle
{
	//position: absolute;
	//top: 50%;
	//left: 50%;
	//transform: translate(5%,5%);
	width: 81%;
	height: 81%;
	background: #ccc;
	//border: 1.35vh solid #fff;
	//box-shadow: 0 0 0 1.35vh #4973ff;
	border: 3px solid #fff;
	box-shadow: 0 0 0 3px #4973ff;
	border-radius: 50%;
	overflow: hidden;
}
.txt
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 95%;
	//background: #4973ff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 5vh;
	color: #fff;
	font-family: 'Digiface';
	//text-shadow:#4973ff -2px -2px, #4973ff 2px 2px, #4973ff -2px 2px, #4973ff 2px -2px, #4973ff -3px 0px, #4973ff 3px 0px, #4973ff 0px 3px, #4973ff 0px -3px;
	text-shadow:#4973ff -.2vh -.2vh, #4973ff .2vh .2vh, #4973ff -.2vh .2vh, #4973ff .2vh -.2vh, #4973ff -.3vh 0px, #4973ff .3vh 0px, #4973ff 0px .3vh, #4973ff 0px -.3vh;
}
.wave
{
	position: relative;
	width: 100%;
	height: 100%;
	background: #4973ff;
	border-radius: 50%;
	box-shadow: inset 0 0 50px rgba(0,0,0,.5);
}

.wave_antes,
.wave_depois
{
	content: '';
	position: absolute;
	width: 250%;
	height: 250%;
	top: -45%;
	left: 50%;
	transform: translate(-50%,-75%);
	background: #000;
}
.wave_antes
{
	border-radius: 44%;
	background: rgba(255,255,255,1);
	animation: animate 3s linear infinite;
}
.wave_depois
{
	border-radius: 44%;
	background: rgba(255,255,255,.5);
	animation: animate 5s linear infinite;
}

@keyframes animate
{
	0%
	{
		transform: translate(-50%,-75%) rotate(0deg);
	}
	100%
	{
		transform: translate(-50%,-75%) rotate(360deg);
	}
}