body {color:#000000; background-color:#FFFFFF;  }
.big2 { }
.done	{color: black; background-color:Transparent;}
.todo	{color: #FFFFFF; background-color:#f58a8a; 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 {width:22px; font-size:19px; font-weight:bold;  padding:0px 7px 0px 7px; text-align:center; font-family:Monospace;
          background-color:#f58a8a; border-style:groove; border-width:solid; border-color:#f58a8a; color:#000000 }
.count3 {width:22px; text-align:center; background-color:#f58a8a; padding:padding:0px 7px 0px 7px; font-weight:bolder;
          font-family:Monospace; font-size:17px; border-style:groove; border-width:solid; border-color:#f58a8a; color:#000000;}

.score1 {font-size:19px; width:628px;}
.circle 
{
    border-radius: 50%/50%; 
    width: 50px;
    height: 50px;
    background-color:#f58a8a; 
    text-align:center;
    color:#000000;
    
}
.circle1 
{
    border-radius: 50%/50%; 
    width: 50px;
    height: 50px;
    background: red; 
    font-family:DS-Digital; 
    font-size:23px;
    background-color:#f58a8a;
    text-align:center;
    font-weight:bold;
    margin-left:2px;
    color:#000000;

}
.rounded-rect{
	font-size: 25px;
	font-family:monospace;
	text-align:JUSTIFY;
	width: 604px; 
   height: 100px; 
   background: #669EE8;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
   padding:0px 10px 0px 10px;
   margin-bottom:3px;
 }
.rounded-button{
   width: 70px; 
   height: 30px; 
   background: #669EE8;
   -moz-border-radius: 2px; 
   -webkit-border-radius: 2px; 
   border-radius: 2px;
   padding:1px 5px 1px 5px;
   text-align:center;
}
.rounded-box{
   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: 620px; 
   height: 230px; 
   background: #F2F2F2;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
   padding:5px 5px 5px 5px;
   margin-bottom:3px;
 }

/* Mobile WebView overrides — see also assets/tutorial-mobile.css */
.score1 { max-width: 100%; }
.rounded-rect, .rounded-board, .rounded-box { max-width: 100%; }