body
{ text-align:       center;
  background-color: #AAA;
  font-size:        16pt;
  padding:          10px;
  margin:            0px;
}

canvas
{ border-color: #777; 
  border-width: 2px; 
  border-style: solid;
  
  background-color: #20C020;
}

.headline
{ display:         flex;
  flex-flow:       row wrap;
  justify-content: center;
}

.line
{ padding:          2px 4px 0px 4px;
  width:            612px;
  height:            25px;
  text-align:       left;
  background-color: #ffffc6;
  border-color:     #777; 
  border-width:     2px 2px 0px 2px; 
  border-style:     solid;
}

.left
{ padding:          2px 4px 0px 4px;
  width:            194px;
  height:            25px;
  text-align:       left;
  background-color: #ffffc6;
  border-color:     #777; 
  border-width:     2px 0px 0px 2px; 
  border-style:     solid;
}

.center
{ padding:          2px 0px 0px 0px;
  width:            216px;
  height:            25px;
  text-align:       center;
  background-color: #ffffc6;
  border-color:     #777; 
  border-width:     2px 0px 0px 0px; 
  border-style:     solid;
}

.right
{ padding:         2px 4px 0px 4px;
  width:            194px;
  height:            25px;
  text-align:       right;
  background-color: #ffffc6;
  border-color:     #777; 
  border-width:     2px 2px 0px 0px; 
  border-style:     solid;
}