:root{
  --textcolor:black;
}
body
{
  color:var(--textcolor);
  font-family:QuickSand;
  font-size:24px;
  line-height:36px;
}
text-dark a
{
  color:black;
  text-decoration:underline;
}
.text-light a
{
  color:white;
  text-decoration:underline;
}
p
{
  margin-top:20px;
  margin-bottom:20px;
}
figcaption
{
  font-style:italic;
}
.btnminsize
{
  min-width:140px;
  margin:2px;
}
.pastille
{
  position:absolute;
  top:-6px;
  right:-6px;
  height:24px;
  width:24px;
  background-color:crimson;
  color:white;
  border-radius:50%;
  font-size:12px;
  line-height:24px;
}
input.double,.double
{
  -ms-transform:scale(1.7);
  -moz-transform:scale(1.7);
  -webkit-transform:scale(1.7);
  -o-transform:scale(1.7);
}

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