/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
/* yeah im not changing this 
 * hey look i added more useless lines
 * all for these shitty comments
 */
body	{
	background: url(./img/finger.jpg);
	color: white;
	font-family: Arial,sans-serif;
	padding: 1em 4em;
	text-align: left;
	font-size: 16px;
}

header,footer,.menubar	{
	text-align: center;
}

.iframeArea  {
  text-align: center;
/* use this class for iframe!!!
*/
}

h1	{
	font-size: 3em;
}

a:link	{
	color: aqua;
}

a:visited	{
	color: cadetblue;
}

a:focus,a:hover	{
	background: darkblue;
}

a:active  {
  color: darkred;
}

nav {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  padding: 10px;
}

nav a:link {
  background: dimgrey;
  text-decoration: none;
  box-sizing: border-box;
  color: white;
  display: inline-block;
  padding: 10px;
  border: 2px outset grey;
  width: 120px;
  height: 42px;
}

nav a:visited	{
	color: white;
	border: 2px outset grey;
}

nav a:focus, nav a:hover {
  background: white;
  font-weight: bold;
  color: black;
  border: 2px outset white;
}

nav a:active {
  background: lightgrey;
  border: 2px inset lightgrey;
}

.buttons a  {
  background-color: transparent;
  text-decoration-color: transparent;
}

h2	{
	font-size: 2em;
}

dt	{
	font-size: 1.5em;
	font-weight: bold;
}

ul,dl	{
	text-align: left;
}