style.css

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  color: black;
  background-color: black;
  /* font-family: "Crimson Text", serif; */
  font-family: "Germania One", cursive;
  width: 100%;
  text-align: center;
}

.table {
  display: flex;
  background-color: rgba(255, 255, 255, 0.8);
  flex-direction: column;
  align-items: center;
  padding: 1em;
  margin: 2em;
}

input {
  color: black;
}

main {
  flex: 1 0 auto;
  margin: 0 auto;
}

input:not([type]):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #f44336 !important;
  -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
  box-shadow: 0 1px 0 0 #f44336 !important;
}

.results-msg {
  display: block;
}

button:focus {
  background-color: #f44336;
}

span,
h1,
h2,
h3,
ul,
nav {
  color: black;
  text-align: center;
}

/* BACKGROUNDS */
.background {
  /* COLOR FOR NEUTRAL: */
  /* background-color: black; */
  /* VTM (default) */
  background-image: url("https://assets.dicebreaker.com/vampire-the-masquerade-fifth-edition-rpg.jpg/BROK/resize/1200x1200%3E/format/jpg/quality/70/vampire-the-masquerade-fifth-edition-rpg.jpg");
  /* CHRISTMAS */
  /* background-image: url("https://cdnmetv.metv.com/W6jJe-1513720697-1025-lists-scaryxmas_metv_main.jpg"); */
  /* NEW YEARS */
  /* background-image: url("https://i.pinimg.com/originals/75/26/cc/7526cc46d8a81c4fb048927b114c199b.jpg"); */
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}

.index {
  background-color: rgb(51, 51, 51);
}

.btn,
.btn-large,
.btn-small {
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  border-radius: 0px;
  border: 1px solid black;
  text-transform: uppercase;
  /* font-family: "Crimson Text", serif; */
  font-family: "Germania One", cursive;
  margin: 2ex;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
  background-color: #f44336;
  color: #fff;
}

img {
  max-width: 5em;
}

.card-image {
  max-width: 3em;
  margin: 0 auto;
}

label,
table,
p,
tr,
.label {
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
}