a,a:hover,a:visited{color:Grey;}
body>div {
      text-align:center;
}
body>div a {
      line-height: 32px;
}

a[target*="_icon_"] {
      background-size: 32px;
      background-repeat: no-repeat;
      padding-left: 32px;
      font-size: 24px;
}
a[target="_icon_gitlab"] {
      background-image:url("gitlab.png");
}
a[target="_icon_iut"] {
      background-image:url("iut.png");
}
a[target="_icon_hyperplanning"] {
      background-image:url("hp.png");
}
a[target="_icon_htmlcheat"] {
      background-image:url("hcj.png");
}
a[target="_icon_khan"] {
      background-image:url("khan.jpg");
}
.b {
	border:1px solid grey;
	margin:1em;
	background:#b2d4ff;
	display: inline-grid;
	padding:0.5em;
}
.b p {font-weight: bold;}
.b a {
	transition:all 0.8s;
	display:block;
	border:1px solid transparent;
	color:black;
	padding:4px;
}
.b a:hover {
	transition:all 0.8s;
	color:white;
	border:1px solid black;
	background:green;
	padding:4px;
}