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

.count2
{
	max-width:75px;
	font-size: 2.7vw;
	padding:3px 3px 3px 3px;
	text-align:center;
    background-color:#FFFFFF;
	border-style:groove;
	border-width:solid;
	border-color:#669EE8;
	color:#000000
}
.count3
{
	max-width:75px;
	text-align:center;
	background-color:#FFFFFF;
	padding:3px 5px 3px 5px;
	font-weight:lighter;
    font-family:Monospace;
	font-size: 1.9vw;
	border-style:groove;
	border-width:solid;
	border-color:#669EE8;
	color:#000000;
}

.count4
{
	max-width:75px;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 1.9vw;
	font-family:Monospace;
    padding:3px 5px 3px 5px;
	font-weight:bold;
	border-style:groove;
	border-width:solid;
	border-color:#669EE8;
	color:#000000;
}
.count5
{
	max-width:195px;
	padding-left:2px;
	text-align:left;
}
.score1
{
	width:100%;
	max-width:600px;
}

.score2
{
	width:100%;
	max-width:600px;
	font-size: 2.3vw;
	font-weight:bold;
}

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

.circle1 
{
    border-radius: 50%/50%; 
    width: 50px;
    height: 50px;
    background: red; 
    font-family:DS-Digital;
    background-color:#F0F2F2;
    text-align:center;
    margin-left:2px;
    color:#000000;

}

.rounded-rect
{
   width:100%;
   max-width: 570px; 
   background: #669EE8;
   font-size: 22px;
   text-align:JUSTIFY;
   line-height:120%;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
   padding:8px 8px 8px 20px;
}

.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: 150px; 
   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: 600px; 
   background: #F0F2F2;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
   padding:5px 5px 5px 5px;
}