/* common html */
:root {
	--bg-color: #1787cb;
	--bg-reverse-color: white;
	--bg-color-bw: #6e9dbb;
	--contain-wide: 1280px;
	}

a {xcolor: #ccc; opacity: 0.85; xcolor: #1475b1; color:#3098d9; ;var(--bg-color); text-decoration: none; font-size: 16px; font-weight: bold;}
	

html {height: 100%;}
body {
	font: normal 16px Lato;
	xletter-spacing: 3px;
	padding: 0;
	margin: 0;
	color: #eee;
	overflow-y: scroll;
	}


h1 {
	#font-family: Gloock;
	letter-spacing: 3px;
	line-height: 1em;
	}

.hero {
	#font-family: Gloock;
	letter-spacing: 2px;
	}


/* buttons */
.auto-button {
	border: none;
	xpadding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 16px;
	min-width: 5em;
	border-radius: 1px;
	background-color: var(--bg-color);
	color: var(--bg-reverse-color);
	cursor: pointer;
	border-radius: 5px;
	text-transform: uppercase;
	}

.med-button {
	border: none;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 16px;
	min-width: 5em;
	border-radius: 1px;
	background-color: var(--bg-color);
	color: var(--bg-reverse-color);
	cursor: pointer;
	border-radius: 5px;
	text-transform: uppercase;	
	}


.big-button {
	border: none;
	padding: 15px 50px 15px 50px;
	font-weight: bold;
	font-size: 16px;
	min-width: 5em;
	border-radius: 1px;
	background-color: var(--bg-color);
	color: var(--bg-reverse-color);
	cursor: pointer;
	border-radius: 5px;
	text-transform: uppercase;
	}	

/* https://gwfh.mranftl.com/fonts/gloock?subsets=latin */

/* gloock-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gloock';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/gloock-v1-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/gloock-v1-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}