html {
	background:#121212;
}
.container {
	min-height:100vh;
	background:#1d1d1d;
	border-width:0 1px;
	border-color:black;
	padding-left: 2em;
	padding-right: 2em;
	box-shadow: 0 0 8px 0px black;
	color:white;
}
.progress-bar {
	background-color: #1a1a1a;
	height: 25px;
	padding: 5px;
	width: 350px;
	margin: 50px 0;         
	border-radius: 5px;
	box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
}

.progress-bar span {
	display: inline-block;
	height: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	transition: width .4s ease-in-out;    
}
.blue span {
	background-color: #34c2e3;   
}

.orange span {
	background-color: #fecf23;
	background-image: linear-gradient(top, #fecf23, #fd9215);  
}   

.green span {
	background-color: #a5df41;
	background-image: linear-gradient(top, #a5df41, #4ca916);  
}
.glow span {
	box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;    
	animation: animate-glow 1s ease-out infinite;          
}

@keyframes animate-glow {
	0% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
	50% { box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
	100% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
}

body tr {
	border-color:#444;
}