.rainy{
background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}  
.whitey{
background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
} 
.lightaqua{
background-color: #CDDCDC;
 background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
 background-blend-mode: screen, overlay;
} 
.board{
background-image: linear-gradient( 135deg, #90F7EC 10%, #32CCBC 100%);
} 
.peacock{
background: rgb(229,188,61);
background: radial-gradient(circle, rgba(229,188,61,1) 0%, rgba(73,228,230,1) 100%);
}       
.glasswater{ 
 border-style:dotted; 
 border-color:#F5F5F5
}
.glasswater:hover{  
background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
 background-blend-mode: normal, lighten, soft-light;
}
hr.bdrcolor{
 border-top: 1px dotted
}