

.pyplok-app-web{
	display: flex;
	align-items: space-around;
	justify-content: center;
	margin-top: 10px;
	border:4px solid white;
	font-size:14px;
	background-color: ;
	padding: 12.5px 5px 12.5px 5px;
	border-radius: 5px;

	
	background-color: rgb(200,40,10);
	background-color: rgb(160,200,10);

	color: white;
	animation-name: flash-web;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-timing-function: ease;
	box-sizing: border-box;
}


.pyplok-app{
	display: flex;
	align-items: space-around;
	justify-content: center;
	margin-top: 10px;
	border:4px solid white;
	font-size:14px;
	background-color: ;
	padding: 10px 5px 10px 5px;
	border-radius: 15px;
	background-color: rgba(140,0,27);


	background-size: cover;
		background-position: center;

	color: white;
	animation-name: flash;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-timing-function: ease;
	box-sizing: border-box;
	
	}



.pyplok-image{
	background-color: ;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


@keyframes flash-web{
	
	from{background-image: radial-gradient(circle,white,white);}
	to{background-image: radial-gradient(circle farthest-side at 5% 5%,rgb(240,240,240) 0%,rgb(160,200,10) 40%);
	/*to{background-image: radial-gradient(circle farthest-side at 5% 5%,rgb(240,240,240) 0%,rgb(200,40,10) 90%);*/	
	}


	/*
	from{background-color: white;}
	to{background-color: rgb(113,51,200);}
	50%{background-color: rgb(113,51,200);}
	75%{background-color: rgb(0,161,0);}
	100%{background-color: rgb(0,161,0);}*/
}

@keyframes flash{

	from{background-image: radial-gradient(circle,white,white);}
	to{background-image: radial-gradient(circle farthest-side at 20% 20%,rgb(240,240,240) 0%,rgba(140,0,27) 90%);
	}


	/*
	from{background-color: white;}
	to{background-color: rgba(113,51,200,0.7);}
	50%{background-color: rgb(113,51,200);}
	75%{background-color: rgb(0,161,0);}
	100%{background-color: rgb(0,161,0);}*/
}


.pyplok-app-web:hover #pyplok-image{
	filter: invert(100%);
}

.pyplok-app-web:hover #pyplok-tab{
	color: black;
}



.pyplok-app-web:hover{
	animation-duration: 0s;
}

.pyplok-app:hover{
	animation-duration: 0s;
}


.pyplok-tab{
	color: white !important;
}

.pyplok-tab:hover{
	color: black;
}


