body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 120%; /* I have glasses now but I rarely wear them */
}

div.card {
  margin: 5px;
  text-align: center;
  --aug-b-extend1: 50%;
  --aug-tl: 37px;
  --aug-tr: 37px;
  --aug-bl: 20px;
  --aug-br: 20px;
  --aug-l: 15px;
  --aug-r: 15px;
  --aug-b: 20px;

  --aug-border-all: 7px;
  --aug-border-bg: radial-gradient(at top, gold 25%, transparent 50%);

  --aug-inlay-all: 10px;
  --aug-inlay-bg: linear-gradient(gold, black);
  --aug-inlay-opacity: 0.5;
}
div.menu {
  margin: 20px;
  padding-left: 18px;
  padding-right: 28px;
  /*--aug-border: 5px;*/
  /*--aug-inset: 5px;*/
  text-align: center;
  /*--aug-border-bg: gray;*/
  /*--aug-insert-bg: dark-gray;*/
  --aug-tr: 25px;
  --aug-b-extend1: 50%;

  --aug-border-all: 7px;
  --aug-border-bg: radial-gradient(at top, gold 25%, transparent 50%);

  --aug-inlay-all: 4px;
  --aug-inlay-bg: linear-gradient(gold, black);
  --aug-inlay-opacity: 0.5;
}

div.mainsection{
  /*--aug-border-bg: gray;*/
  /*--aug-insert-bg: dark-gray;*/
  font-size: 120%; /* I really need to get my eyes checked */
  --aug-tr: 25px;
  --aug-b-extend1: 50%;

  --aug-border-all: 7px;

  --aug-inlay-all: 4px;
  --aug-inlay-bg: black;
  --aug-border-bg: linear-gradient(at top, gold 25%, transparent 50%);
  --aug-inlay-opacity: 0.5;
}

div.card-title{
  color:#fff !important;
  font-size: 180% !important;
}

@font-face {
  font-family: matoran;
  src: url(/images/matoran.woff);
}

span.matoran{
  font-family: matoran;
}