@charset "utf-8";
/* CSS Document */

:root {
    --bg: #f2f2f2;
    --bg2: #ffffff;
    --text: #191919;
    --color: #191919;
    --color2: #428049; /* green */
    --color3: #e84e17; /* orange */
  }

html, body {
  overscroll-behavior-x: none;
  text-transform: lowercase;
}

body,td,th {
    font-size: 14px;
}

td, th {
  padding-right: 10px;
  padding-top: 25px;
}
	
body {
    background: var(--bg);
    color: var(--text);
    transition: background-color 0.3s ease;
    font-family: "Geist", sans-serif;
    font-size: 14;
    padding-left: 5%;
    padding-right: 5%;
}
a:link {
    color: var(--color2);
    text-decoration: none;
    font-weight: 500;
}
a:visited {
    color: var(--color2);
    text-decoration: none;
    font-weight: 500;
}
a:hover {
    color: var(--color2);
    text-decoration: underline;
    font-weight: 500;
}
a:active {
    color: var(--color2);
    text-decoration: none;
    font-weight: 500;
}

strong {
    font-weight: 600;
}

.flex-row {
    display: flex;
    flex-direction: row
}
	
.header-table {
  align:"left"; 
  valign:"top";
}
	
.header-table a:link {
    color: var(--color3);
    text-decoration: none;
    font-weight: 600
}
.header-table a:visited {
    color: var(--color3);
    text-decoration: none;
    font-weight: 600
}
.header-table a:hover {
    color: var(--color3);
    text-decoration: underline;
    font-weight: 600
}
.header-table a:active {
    color: var(--color3);
    text-decoration: none;
    font-weight: 600
}


 @media (prefers-color-scheme: dark) {
  :root {
      --bg: #191919;
      --bg2: #000000;
      --text: #f2f2f2;
      --color: #f2f2f2;
      --color2: #428049; /*green */
      --color3: #db4915; /* orange */
    }

    a:link {
        text-decoration: none;
        font-weight: 500;
        color: var(--color2);
    }
    a:visited {
        text-decoration: none;
        font-weight: 500;
        color: var(--color2);
    }
    a:hover {
        text-decoration: underline;
        font-weight: 500;
        color: var(--color2);
    }
    a:active {
        text-decoration: none;
        font-weight: 500;
        color: var(--color2);
    }
	.header-table a:link {
		color: var(--color3);
		text-decoration: none;
		font-weight: 600;
	}
	.header-table a:visited {
		color: var(--color3);
		text-decoration: none;
		font-weight: 600;
	}
	.header-table a:hover {
		color: var(--color3);
		text-decoration: underline;
		font-weight: 600;
	}
	.header-table a:active {
		color: var(--color3);
		text-decoration: none;
		font-weight: 600;
	}
	}