body {
  /*background-color: #ccffff;*/
}

h1 {
  color: navy;
  margin-left: 20px;
}


.s0 { white-space: normal;
border-radius: 10px;
color: blue;
background-color:transparent;

 width: 100px; 
border: 2px;
border-color: blue;
border-style: solid;
 border-radius: 10px; /*border: 2px solid #4CAF50;*/ 
 overflow: hidden;
    text-overflow: ellipsis;
 }

.s1 { white-space: normal;
border-radius: 10px;
color: blue;
/*background-color:#b3f0ff;*/

 width: 100px;
  
border: 1px;
border-color: blue;
border-style: dotted;
 border-radius: 10px; 
/* solid #4CAF50;*/ 
 overflow: hidden;
text-align:center;
    text-overflow: ellipsis;
/*background: linear-gradient(to bottom right, #00ffff 0%, #66ff99 100%);*/
/*box-shadow: 5px 5px 0px 0px #fff;*/
scrollbar-3dlight-color: #ffebcd;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #ffebcd;
scrollbar-darkshadow-color: #f5f5dc;
scrollbar-face-color: #b8860b;
scrollbar-highlight-color: #f5f5dc;
scrollbar-shadow-color: #f5f5dc;
scrollbar-track-color: #f5f5dc;
 }
     
	 
	 .s2 { white-space: normal;
border-radius: 10px;
color: #cc0000;
background-color: #ffccd5;/*ffccd5;*/
 width: 100px; 
border-style: none;
 border-radius: 10px; /*border: 2px solid #4CAF50;*/ 
 overflow: hidden;
    text-overflow: ellipsis;
 }
 
 .round { white-space: normal;
border-radius: 50px;
color: navy;
background-color:#b3f0ff;
width: 100px; 
border-radius: 50px; /*border: 2px solid #4CAF50;*/ 
overflow: hidden;
text-overflow: ellipsis;
 }