@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'hand';
    src: url('res/Handel.woff2') format('woff2'),
         url('res/HandelGothic.svg') format('svg');
}
@font-face {
    font-family: 'ag';
    src: url('res/AvantGardeLT-Book.woff2') format('woff2'),
         url('res/AvantGardeLT-Book.svg') format('svg');
}
html {
	background-color: #f8b123;
	text-align: center;
	margin:0px;
	padding:0px;
	height: 100%;
}
body {
	background-color: #f8b123;
	text-align: center;
	margin:0px;
	padding:0px;
	background:url(res/gears.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	position:absolute; top:0; bottom:0; right:0; left:0; 
	
}
h1 {font-family:hand, impact, sans-serif; font-size:100px;padding:0px; line-height:100px;}
h2 {font-family:ag, Arial, Helvetica, sans-serif; font-size:25px;line-height:30px; background:#000; color:#f8b123; padding:0px;}
li {font-family: ag, Arial, Helvetica, sans-serif; font-size:3em;list-style-position:inside}
/* unvisited link */
a:link {  color: black; text-decoration: none; }

/* visited link */
a:visited {  color: black; text-decoration: none;}

/* mouse over link */
a:hover {  color: darkgray;     text-decoration: underline; }

/* selected link */
a:active { color:darkgray;  text-decoration: none; }