img.overwatch-logo{
	background-color: white;
	border:5px solid gray;
}
img.overwatch-small {
	width:100px;
	height:100px;
	background-color: black;
}
img.overwatch-dps {
	border:5px solid #ff4d4d;
}
img.overwatch-dps-heal {
	border-top:5px solid #ff4d4d;
	border-left:5px solid #ff4d4d;
	border-bottom:5px solid #ffff99;
	border-right:5px solid #ffff99;
}
img.overwatch-dps-disable {
	border-top:5px solid #BA55D3;
	border-left:5px solid #BA55D3;
	border-bottom:5px solid #ff4d4d;
	border-right:5px solid #ff4d4d;
}
img.overwatch-heal-disable {
	border-top:5px solid #BA55D3;
	border-left:5px solid #BA55D3;
	border-bottom:5px solid #ffff99;
	border-right:5px solid #ffff99;
}
img.overwatch-tank-heal {
	border-top:5px solid #8080ff;
	border-left:5px solid #8080ff;
	border-bottom:5px solid #ffff99;
	border-right:5px solid #ffff99;
}
img.overwatch-tank-main {
	border:5px solid #8080ff;
}
img.overwatch-tank-off {
	border: 5px solid #ff7eff;
}
img.overwatch-heal {
	border:5px solid #ffff99;
}
img.overwatch-heal-speed {
	border-top:5px solid #24ea0e;
	border-left:5px solid #24ea0e;
	border-bottom:5px solid #ffff99;
	border-right:5px solid #ffff99;
}
.left-side-ow {
	width: 74%;
	float: left;
}
.right-side-ow {
	width: 25%;
	float: right;
	text-align: right;
}
.headlines-container {
	display: flex;
	justify-content: space-between;
}
.player-headline-container {
	display: flex;
}
.skill-headline-container {
	display: flex;
}
.damage-headline-left {
    background-color: #ff4d4d;
    color: #bababa;
    padding:10px;
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
    font-size: 16px;
	width:40%;
}
.damage-headline-right {
    background-color: #ff4d4d;
    color: #bababa;
    padding:10px;
    text-align: center;
    display: inline-block;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
    font-size: 16px;
	width:60px;
}
.tank-headline-left {
    background-color: #8080ff;
    color: #bababa;
    padding:10px;
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
    font-size: 16px;
	width:40%;
}
.tank-headline-right {
    background-color: #8080ff;
    color: #bababa;
    padding:10px;
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
    font-size: 16px;
	width:60px;
}			
.support-headline-left {
    background-color: #ffff99;
    color: #bababa;
    padding:10px;
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
    font-size: 16px;
	width: 40%;
}
.support-headline-right {
    background-color: #ffff99;
    color: #bababa;
    padding:10px;
    text-align: center;
    display: inline-block;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
    font-size: 16px;
	width:60px;
}		
.filler-headline-left {
    background-color: #ea830e;
    color: #bababa;
    padding:10px;
    text-align: center;
    display: inline-block;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
    font-size: 16px;
	width:60px;
}	
.player-headline-right {
	background-color: #bababa;
    color: white;
    padding:10px;
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
    font-size: 16px;
	width:60%;
}	
.player-headline-mid {
	background-color: #bababa;
    color: white;
    padding:10px;
    text-align: center; 
    display: inline-block;
    font-size: 16px;
	width:80px;
}	
.xbox-headline {
	background-color: white;
    color: #56af62;
    padding:10px;
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
    font-size: 16px;
	width:40%;
}	
.xbox-gamertag {
	background-color: #56af62;
    color: white;
    padding:10px;
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
    font-size: 16px;
	width:60%;
}
.pc-headline {
	background-color: #282828;
    color: white;
    padding:10px;
    text-align: center;   
    display: inline-block;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
    font-size: 16px;
	width: 40%;
}	
.pc-gamertag {
	background-color: white;
    color: #282828;
    padding:10px;
    text-align: center;
	font: bold;   
    display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
    font-size: 16px;
	width:60%;
}	
.tank-skill-headline {
	background-color: #8080ff;
    color: #696969;
    height: 40px;
    text-align: center;
	font: bold;
    display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
    font-size: 16px;
	width:100%;
}
.damage-skill-headline {
	background-color: #ff4d4d;
    color: #696969;
    height: 40px;
    text-align: center;
	font: bold;
    display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
    font-size: 16px;
	width:100%;
}
.support-skill-headline {
	background-color: #ffff99;
    color: #696969;
    height: 40px;
    text-align: center;
	font: bold;
    display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
    font-size: 16px;
	width:100%;
}

.sr-headline {
	background-color: #7E5FA4;
    color: white;
	height: 40px;
    text-align: center;
	font: bold;
    display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
    font-size: 16px;
	width:100%;
}
.skill-icon {
	height: 30px;
	width: auto;
	margin-left: 10px;
}
.hero-section {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.damage-heroes-container {
	border: 3px solid #ff4d4d;
	margin-top: 20px;
	padding: 5px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.tank-heroes-container {
	border: 3px solid #8080ff;
	margin-top: 20px;
	padding: 5px;
	display: flex;
	justify-content: space-around;
	align-items: center;

}
.support-heroes-container {
	border: 3px solid #ffff99;
	margin-top: 20px;
	padding: 5px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.class-icon {
	width: 20px;
	height: auto;
	margin-right: 10px;
}
.red-box {
	background-color:#ff4d4d;
	padding: 5px;
	border-radius: 10px;
	font-size: 12pt;
}
.blue-box {
	background-color: turquoise;
	padding: 5px;
	border-radius: 10px;
	font-size: 12pt;
}
.pink-box {
	background-color: #ff7eff;
	padding: 5px;
	border-radius: 10px;
	font-size: 12pt;
}
.yellow-box {
	background-color: #ffff99;
	padding: 5px;
	border-radius: 10px;
	font-size: 12pt;
}
.green-box {
	background-color: #24ea0e;
	padding: 5px;
	border-radius: 10px;
	font-size: 12pt;
}
.purple-box {
	background-color: #BA55D3;
	padding: 5px;
	border-radius: 10px;
	font-size: 12pt;
}