body {
  margin: 5px;
  /* background-size: 400; if i ever want to use an img in the background*/
  color: #231e23; /*THIS IS THE FONT COLOR!!!!!!!!!!!!!!!!!!!!!!!!*/
  background-image: linear-gradient(
      30deg,
      rgb(255, 194, 209) 12%,
      rgba(0, 0, 0, 0) 12.5%,
      rgba(0, 0, 0, 0) 87%,
      rgb(255, 194, 209) 87.5%,
      rgb(255, 194, 209)
    ),
    linear-gradient(
      150deg,
      rgb(255, 194, 209) 12%,
      rgba(0, 0, 0, 0) 12.5%,
      rgba(0, 0, 0, 0) 87%,
      rgb(255, 194, 209) 87.5%,
      rgb(255, 194, 209)
    ),
    linear-gradient(
      30deg,
      rgb(255, 194, 209) 12%,
      rgba(0, 0, 0, 0) 12.5%,
      rgba(0, 0, 0, 0) 87%,
      rgb(255, 194, 209) 87.5%,
      rgb(255, 194, 209)
    ),
    linear-gradient(
      150deg,
      rgb(255, 194, 209) 12%,
      rgba(0, 0, 0, 0) 12.5%,
      rgba(0, 0, 0, 0) 87%,
      rgb(255, 194, 209) 87.5%,
      rgb(255, 194, 209)
    ),
    linear-gradient(
      60deg,
      rgb(243, 157, 179) 25%,
      rgba(0, 0, 0, 0) 25.5%,
      rgba(0, 0, 0, 0) 75%,
      rgb(243, 157, 179) 75%,
      rgb(243, 157, 179)
    ),
    linear-gradient(
      60deg,
      rgb(243, 157, 179) 25%,
      rgba(0, 0, 0, 0) 25.5%,
      rgba(0, 0, 0, 0) 75%,
      rgb(243, 157, 179) 75%,
      rgb(243, 157, 179)
    );
  background-position: 0px 0px, 0px 0px, 40px 70px, 40px 70px, 0px 0px,
    40px 70px;
  background-size: 80px 140px, 80px 140px, 80px 140px, 80px 140px, 80px 140px,
    80px 140px;
  background-color: rgb(255, 168, 190);
}

/* ALMOST ALL FONT STUFF */
@font-face {
  font-family: Oswald;
  src: url(/fonts/Oswald-VariableFont_wght.ttf);
}
@font-face {
  font-family: Gothic;
  src: url(/fonts/SpecialGothicExpandedOne-Regular.ttf);
}
@font-face {
  font-family: Varta;
  src: url(/fonts/Varta-VariableFont_wght.ttf);
}

h1,
h2,
h3,
h4,
h5 {
  font-family: verdana, arial;
}

p {
  font-family: Varta, Oswald;
}
a {
  font-family: "Oswald", Verdana, Geneva, Tahoma, sans-serif;
}
footer {
  font-family: "Oswald", Verdana, Geneva, Tahoma, sans-serif;
}
/* ALL TABLE STUFF */
table {
  border-collapse: collapse;
  border: 2px solid rgb(140 140 140);
  font-family: Varta, sans-serif;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

caption {
  caption-side: top;
  padding: 10px;
  font-weight: bold;
  text-align: right;
}

thead,
tfoot {
  background-color: rgb(213, 244, 232);
}

th,
td {
  border: 1px solid rgb(160 160 160);
  padding: 8px;
}

td:last-of-type {
  text-align: center;
}

tbody > tr:nth-of-type(odd) {
  background-color: rgb(217, 238, 250);
}
tbody > tr:nth-of-type(even) {
  background-color: rgb(221, 228, 255);
}
tfoot th {
  text-align: right;
}

tfoot td {
  font-weight: bold;
}