*{margin :0;padding :0}

body {
	font:Tahoma;
	height:auto !important; 
	margin:0px 0px;
}

#hdrmymain {
	text-align:center; 
	background:lightgreen; 
	margin:5px
}

p {margin: 0px; }
p.title {
	font-family:Arial; 
	font-size:x-large;
	color:Black;
	font-weight:bold; 
	padding:0px 10px 0px 10px;
}

p.subtitle {
	font-family:Arial; 
	font-size:large;
	color:Black;
	padding:0px 10px 0px 10px;
}

dd:hover {background:red}

dl {
	max-width:180px; 
	min-width:160px; 
	list-style:none;
	display:block; 
	position:relative;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
}

dt {
	font-size:x-large; 
	color:rgb(176,34,37);
	padding-top:8px;
}
 
dd {
	display:block;
	position: relative; 
	font-size:small;
}

a, a:active {
	display:flex; 
	padding:5px;
	color:black;
	margin:4px;
	font-family:Arial;
	text-decoration:none; background:lightgreen;
  -moz-border-radius:50px;
	-webkit-border-radius :50px;
	border-radius:10px;
	text-align:center;
	align-items: center;
  justify-content: center;
  height: 100%;
}

 /* background:#eaf0f2 */
a:hover {
	background:red; 
	color:#000
}

.link-checkbox 
{
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	accent-color: green;
}
	
#favourites 
{
	display: grid!important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 180px));
	justify-content: center;
	font-size: small;
  font-weight: bold;
}

.addCB 
{
}

@media screen and (max-width: 365px) {
	#favourites { grid-template-columns: repeat(auto-fit, minmax(150px, 150px)); }
	dl 
	{
		max-width:150px; 
		min-width:100px;
	}
}