stylesheet_melee_css

@font-face {
    font-family: 'The Bold Font';
         src: url('theboldfont - score font.ttf') format('truetype');

}
@font-face {
    font-family: 'Candara';
         src: url('Candarab.ttf') format('truetype');

}

@mixin stroke($stroke, $color) {
  text-shadow: stroke($stroke, $color);
}

body {
	margin:0px;
	background-color: rgba(0, 0, 0, 0);
	font-family: 'Candara';
	text-shadow:  -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	color:#FFFFFF;
}

#board {
	position:absolute;
	top:0px;
	left:0px;
	width:1280px;
	height:200px;
	background-image:url('../images/scoreboard.png');
}

#pName1 {
	position:absolute;
	left:125px;
	top:21px;
	width:380px;
	font-size:30px;
	text-align:center;
	color:#FFFFFF;
    text-transform: uppercase;
}
#pName2 {
	position:absolute;
	left:775px;
	top:21px;
	width:380px;
	font-size:30px;
	text-align:center;
	color:#FFFFFF;
    text-transform: uppercase;
}
#pScore1 {
	position:absolute;
	left:55px;
	top:22px;
	width:47px;
	font-size:30px;
	text-align:center;
	font-family: 'The Bold Font';
}
#pScore2 {
	position:absolute;
	left:1175px;
	top:22px;
	width:47px;
	font-size:30px;
	text-align:center;
	font-family: 'The Bold Font';
}

#pFlag1 {
	position:absolute;
	left:76px;
	bottom:15px;
}

#pFlag2 {
	position:absolute;
	left:1161px;
	bottom:15px;
}

#mText3 {
	color: #FFFFFF;
	position:absolute;
	left:560px;
	top:15px;
	width:160px;
	font-size:20px;
	font-family: 'Candara';
	text-align:center;
	opacity:0;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}
#mText4 {
	color: #FFFFFF;
	position:absolute;
	left:560px;
	top:35px;
	width:160px;
	font-size:15px;
	font-family: 'Candara';
	text-align:center;
	opacity:0;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}