h1
{
  padding-top:10px;
}
a, a:hover
{
  color:#002;
  -text-decoration:underline;
}
.link,.link:hover
{
  background-color:lightgray;
  color:black;
  border-radius:5px;
  padding:1px 4px 1px 4px;
  text-decoration:none;
}
.link:hover
{
  background-color:gainsboro;
}
input.double,.double
{
  -ms-transform:scale(1.7);
  -moz-transform:scale(1.7);
  -webkit-transform:scale(1.7);
  -o-transform:scale(1.7);
}
.tabledata
{
  background-color:snow;
}
.icon
{
  font-size:1.5em;
}
.iconbig
{
  font-size:3em;
}
.m1
{
  margin:1px;
}
.divbtn
{
  text-align:center;
  padding:10px;
}
.gg
{
  background-color:gold;
  border:solid 1px black;
}
.bb
{
  background-color:#DDD;
  border:solid 1px silver;
  border-radius:3px;
}
.pastille
{
  display:inline-block;
  width:24px;
  height:18px;
  font-size:12px;
  line-height:12px;
  font-weight:bold;
  text-align:center;
  padding:2px 3px 2px 3px;
  border-radius:4px;
  color:white;
}
.red
{
  background-color:crimson;
}
.green
{
  background-color:limegreen;
}

.btn,.badge
{
  position: relative;
}
.btn::before,.badge::before
{
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(3px);
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  pointer-events: none;
}