:root {
	--Z: #fcfcfc;
	--Y: #eaeaea;
	--X: #cdcdcd;

	--B: #4080d3;
	--A: #333;
	}

* {
	padding: 0;
	margin: 0;
	}


body {
	min-height: 100dvh;

	display: grid;

	grid-template-rows: auto 1fr auto;

	font: normal 16px arial;

	font-family: 'Alfa Slab One', sand-serif;

	color: var(--Y);
	background-color: var(--B);
	}

button {
	font-size: 12px;
	color: #333;
	background-color: #eee;
	border: solid 2px #eee;
	outline: none;
	padding: 3px 5px 3px 5px;
	border-radius: 5px;
	cursor: pointer;
	text-transform: uppercase;
	}


.hide {display: none;}

/* alfa-slab-one-regular - latin 
 *
 * https://gwfh.mranftl.com/fonts/alfa-slab-one?subsets=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: 'Alfa Slab One';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/alfa-slab-one-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




@keyframes rotate {
	0% {
		transform: rotate(0deg)
	  }
	100% {
		transform: rotate(360deg)
		}
	}