.cb{background-color:gray;padding:3em;border-radius:3px;}
.cb > #cbb {padding:5em;}
#cbb{text-align:center;}
.icon  {padding:2em;} 
.thumb  { background-color:antiquewhite; display:flex;} 
.iconfont{font: 14px Arial; color: aqua; text-decoration: none; background-color:blue;
    display: block;
    margin: 1em 0em 1em 0em;}
a:-webkit-any-link{color:black;}
a{color:black;}
#gridbox{display:grid; 
grid-template-columns:220px 220px 220px; 
grid-auto-rows: auto; }
thumbbox{overflow-x:none;overflow-y:none;}
.item{display:block;}
.iteminfo{text-decoration:none;background-color:rgba(0,0,0,.1);
color:rgba(255,255,255,.3);
	display:none;
	margin-top:0;
	min-width:210px;
	position:absolute;
	z-index:1;}
.iteminfo:hover{animation-name:fade; animation-duration: 5s; }
@keyframes fade{75%{background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.7);}
				100%{background-color:rgba(0,0,0,.1); 
				color:rgba(255,255,255,.1);}}