:root {
  --TRC-GREEN: #63a15f;
  --TRC-SLATE: #44403f;
  --TRC-SAGE: #c6cdc1;
  --TRC-SNOW: #F5F6F0;
}

@font-face {
  font-family: Roboto-Bold;
  src: url(../fonts/Roboto-Bold.ttf)
}

@font-face {
  font-family: Oswald-Bold;
  src: url(../fonts/Oswald-Bold.ttf);
}

* {
  font-family: Roboto-Bold;
}

html {
  background-color: #F5F6F0;
}

h1 {
  text-transform: uppercase;
  font-family: Oswald-Bold;
  font-size: xx-large;
  color: #63a15f;
}

section {
  padding: 0%;
  width: 75%;
  font-size: x-large;
}

.input {
  color: var(--TRC-SLATE);
  width: 100%;
}

.rows:nth-of-type(even) {
  border: solid 1px #44403f;
  background-color: #F5F6F0;
  color: #44403f;
  font-size: large;
  
}

.rows:nth-of-type(odd) {
  background-color: #c6cdc1;
  color: #44403f;
  border: solid 1px #44403f;
  font-size: large;
}

.rows {
  text-transform: uppercase;
  width: 100%;
}

table {
  background-color: var(--TRC-SLATE);
  color: #44403f;
}

a {
  color:#44403f;
  text-decoration: underline;
}