body {
	background: rgb(255,255,204);
	background-image: url('../pics/square_bkg_black.png');
}
#note { font-size: 100px; }
.pitch { font-size: 30px; }
#detune { font-size: 30px; }
div.confident {  color: #367d56; }
div.vague {  color: #666666; }
#note { display: inline-block; height:150px; text-align: left;}
#detector {
	width: 300px;
	height: 300px;
	text-align: center;
	padding-top: 10px;
	background-color: rgba(0,0,0);
	margin: auto;
}
#flat { display: none; }
#sharp { display: none; }
.flat #flat { display: inline;}
.sharp #sharp { display: inline;}
.flat { color: #eda31d;}
.sharp { color: #d13e1b;}