body {color:#000000; background-color:#FFFFFF;  }
.done	{color: black; background-color:Transparent;}
.todo	{color: #FFFFFF; background-color:#EBA0D4; font-weight: normal;}
.future	{color: #FFFFFF; background-color:Transparent; font-weight: normal}
.pressed {color:#FF0000;}
.silent	{color:#000000;}
.target	{color:#008000; }
.echo {color: white;}

.count2
{
	max-width:85px;
	font-size:2.2vw;
	font-weight:bold;
	padding:1px 2px 1px 2px;
	text-align:center;
    background-color:#EBA0D4;
	border-style:outset;
	border-width:thin;
	border-color:#669EE8;
	color:#000000
}
.count3
{
	max-width:85px;
	text-align:center;
	background-color:#EBA0D4;
	padding:1px 2px 1px 2px;
	font-weight:lighter;
    font-family:Monospace;
	font-size:1.8vw;
	border-style:outset;
	border-width:thin;
	border-color:#669EE8;
	color:#000000;
}

.count4
{
	max-width:85px;
	text-align:center;
	background-color:#EBA0D4;
	font-size:1.8vw;
	font-family:Monospace;
    padding:1px 2px 1px 2px;
	font-weight:bold;
	border-style:outset;
	border-width:thin;
	border-color:#669EE8;
	color:#000000;
}

.count5
{
	max-width:185px;
	padding-left:2px;
	text-align:left;
}

.score1
{
	width:100%;
	max-width:700px;
}

.score2
{
	width:100%;
	max-width:700px;
}

.circle 
{
    border-radius: 50%/50%; 
    max-width: 80px;
    height: 40px;
    background-color:#E6EBED; 
    text-align:center;
    color:#000000;
    
}

.circle1 
{
    border-radius: 50%/50%; 
    max-width: 80px;
    height: 40px;
    background: red; 
    font-family:DS-Digital; 
    font-size:19px;
    background-color:#E6EBED;
    text-align:center;
    margin-left:2px;
    color:#000000;
}

.rounded-rect
{
   width:100%;
   max-width: 700px; 
   background: #669EE8;
   font-size: 25px;
   text-align:JUSTIFY;
   line-height:120%;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5x;
   padding:8px 8px 8px 8px;
}
.rounded-button
{
   max-width: 70px; 
   height: 10px; 
   background: #669EE8;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
   padding:2px 5px 2px 5px;
   text-align:center;
}
.rounded-box
{
   max-width: 100px; 
   height: 30px; 
   background: #669EE8;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
   text-align:center;
  color:#FFFFFF;
}
.rounded-board
{
   width:100%;
   max-width: 700px; 
   background: #E6EBED;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
   padding:1px 1px 1px 1px;
}