/* html, body, table, tbody {
  width: 100%;
  height: 100%;
} */

body {
/*  background-image: url("background.jpg");
  background-size: cover; */
  background: black;
  color: white;
}

table {
  width: 100%;
  height: 97vh;
  min-width: 640px;
  min-height: 480px;
  border: 0px solid red;
  font-family: brenda;
}

td {
  border: 0px solid red;
  padding: 0px;
  background: black;
  text-align: center;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 1vh;
  padding-bottom: 1vh;
}

.autoResizeImage {
  display: cover;
  max-width: 100%;
/*  width: auto;
  height: auto; */
}

a:link {
color: grey;
}

a:visited {
color: grey;
}

a:hover {
color: white;
}

a:active {
color: grey;
}

@font-face {
  font-family: brenda;
  src: url(../fonts/Amaranth-Regular.otf); 
}

@font-face {
  font-family: brenda;
  src: url(../fonts/Amaranth-Bold.otf);
  font-weight: bold;
}

@font-face {
  font-family: brenda;
  src: url(../fonts/Amaranth-Italic.otf);
  font-style: italic;
}

@font-face {
  font-family: brenda;
  src: url(../fonts/Amaranth-BoldItalic.otf);
  font-weight: bold;
  font-style: italic;
}