div#newcard {
  padding: 1em;
  cursor: pointer;
}
div#customdices div.span {
  padding: 1em;
  clear: both;
}
div#customdices div.die {
  font-family: sans-serif;
  font-size: x-large;
  text-align: center;
  border: 0.1em solid darkgreen;
  border-radius: 0.5em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  float: left;
  cursor: pointer;
}
div#customdices div.result {
  font-family: sans-serif;
  font-size: x-large;
  text-align: center;
  border: 0.1em solid dimgray;
  border-radius: 0.5em;
  margin-left: 1em;
  margin-right: 1.5em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  float: left;
  cursor: not-allowed;
}

div#customdices:after {
  content: "";
  display: table;
  clear: both;
}

div#customdices .col {
  float: left;
  width: 33.33%;
}

div#customdices .col .con {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div#customdices h1 {
  font-variant: small-caps;
}

input#dicestring {
  margin-left: 1em;
  width: 90%;
}

.grayback {
  background-color: lightgrey;
}
.blackback {
  background-color: black;
}