audio
{
	display: block;
	margin: 1em;
}
#C
{
	width: 250px;
	border-radius: 5px;
}
#progressbar
{
	position:relative;
	width:250px;
	padding:0 0 0 0;
	background-image:url("images/pggray.png");
	height:14px;
	border:1px solid #CCC;
	-moz-border-radius:2px;
	border-radius:2px;	
}
#indicator
{
	position:absolute;
	left:0;
	top:0;
	width:0px;
	background-image:url("images/pggreen.png");
	height:14px;
	margin:0 0 0 0;
}
table
{
	border-spacing: 4px 0px; 
	font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
	border-radius: 6px;
}
.tb0
{
	height: 420px;
}
.tb1
{
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center;
	width: 200px;
	height: 180px;
	border: 5px solid white;
	border-radius: 20px;	
}
.tb2
{
	padding: 10px 40px;
	border: 5px solid white;
	border-radius: 20px;
}
p
{
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;	
	text-align: justify;
	text-justify: inter-word;		
}
.button-3 
{
	padding: 0.6em 200px;
	border: none;
	outline: none;
	color: rgb(255, 255, 255);
	background: #111;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-3:before 
{
	content: "";
	background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
	);
	position: absolute;
	top: -2px;
	left: -2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing-button-85 20s linear infinite;
	transition: opacity 0.3s ease-in-out;
	border-radius: 10px;
}

@keyframes glowing-button-85 
{
	0% 
	{
		background-position: 0 0;
	}
	50% 
	{
		background-position: 400% 0;
	}
	100% 
	{
		background-position: 0 0;
	}
}

.button-3:after 
{
	z-index: -1;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #222;
	left: 0;
	top: 0;
	border-radius: 10px;
}