:root {
	--input-border: #8b8a8b;
	--input-focus-h: 245;
	--input-focus-s: 100%;
	--input-focus-l: 42%;
}

@font-face {
    font-family: 'AtkinsonHyperlegible';
    src: url('./fonts/Atkinson-Hyperlegible-Regular-102.eot');
    src: url('./fonts/Atkinson-Hyperlegible-Regular-102.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2'),
        url('./fonts/Atkinson-Hyperlegible-Regular-102.woff') format('woff'),
        url('./fonts/Atkinson-Hyperlegible-Regular-102.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'F25Executive';
    src: url('./fonts/F25_Executive.otf') format('opentype');
    font-display: swap;
}

* {
	box-sizing: border-box;
}

html {
	font-family: 'AtkinsonHyperlegible', sans-serif;
}

button.btn-primary {
	border: none;
  font-family: inherit;
  padding: 0;
  cursor: pointer;

  @media screen and (-ms-high-contrast: active) {
    border: 2px solid currentcolor;
  }
}

button.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: white;
	background-color: green;
	cursor: pointer;
	font-family: inherit;
	border-radius: 8px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
	padding: 0.25em 0.75em;
  min-width: 10ch;
  min-height: 44px;
	text-align: center;
	line-height: 1.1;
}

button:disabled {
	background-color: gray;
}

.card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	margin: auto;
	width: 50%;
	text-align: center;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.bigcard {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	margin: auto;
	width: 90%;
	text-align: center;
}

.bigcard:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.infocard {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	margin: auto;
	width: 75%;
	text-align: center;
}

.infocard:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.input {
	font-size: 14px;
	font-size: max(14px, 1em);
	font-family: inherit;
	padding: 0.25em 0.5em;
	background-color: #fff;
	border: 2px solid var(--input-border);
	border-radius: 4px;
}

th {
	font-family: 'F25Executive', serif;
	font-size: 15px;
	border-bottom: 1px dashed #aaa;
}

td {
	word-wrap: anywhere;
	text-align: left;
	border-bottom: 1px dashed #aaa;
}

tr {
}

h1 {
	font-family: 'F25Executive', serif;
}

h2 {
	font-family: 'F25Executive', serif;
}

h3 {
	font-family: 'F25Executive', serif;
}

h4 {
	font-family: 'F25Executive', serif;
}

h5 {
	font-family: 'F25Executive', serif;
}