@font-face {
/*  src: url(/css/Ubuntu-R.woff) format('woff'), url(/css/Ubuntu-R.woff2) format('woff2'); */
  src: url(/css/Ubuntu-R.woff) format('woff');
  font-family: 'Ubuntu';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

*
{ 
	margin: 0; 
	padding: 0;
}

html
{ 
	height: 100%; 
}

body
{
	display: table;
	width: 100%;
	height: 100%; 

	color: #000;
	background: #f2f2f2 url(/img/bg.png);

	font-family: 'Ubuntu', sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
}

main
{
	display: table-row;
	height: 100%;
}

main h1
{
	display: table-cell;
	white-space: pre;
	text-align: center;
	vertical-align: middle;
	font-size: 200%;
	color: #004;
	text-transform: uppercase;
	padding: 2em 1em 1em 1em;
}

footer
{
	display: table-row;
}

footer h6
{
	display: table-cell;
	color: #444;
	font-size: 120%;
	text-align: center;
	padding: 1em 1em 1em 1em;
}

span.big
{
	display: block;
	font-size: 150%;
}

span.mid
{
	display: block;
	margin-top: 1em;
}

span.small
{
	display: block;
	font-size: 100%;
	margin-top: 1em;
}

span.dot
{
	display: none;
}

a
{
	color: #703;
	background-color: rgba(30, 144, 255, 0.15);
	padding: 0em 0.2em;
	border-radius: 0.4em 0em;
	text-decoration: none;
}

a:hover
{
	background-color: rgba(30, 144, 255, 0.25);
	text-decoration: underline;
}

.blink_me {
	animation: blinker 0.8s linear infinite;
/*
	background-color: #703;
	border-radius: 0.04em;
	padding: 0 0.06em;
	margin: 0 -0.14em 0 0.02em;
*/

	background-color: rgba(119,0,51,0.7);
	padding-right: 0.1em;
	margin-right: -0.1em;
}

@keyframes blinker {
  	40% 
	{
    	opacity: 10%;
	}
}