/* GLOBAL STYLES ONLY!!!!!!!!!!!!!!!!!!!!!!! */

* { box-sizing: border-box; }

body {
  background-image: url('../img/bg-change.gif');
  color: white;
  font-size: 1.2em;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  margin: 0;
  word-wrap: break-word;
}

/* NAV */

nav ul {
	list-style-type: none;
	background-color: rgba(255, 0, 255, 0.8);
	color: #F0FFFF;
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0;
}
nav ul li { float: left; }
nav ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0 20em 0 20em ;
}
nav ul li a:hover:not(.active) {
	background-color: #111;
}

nav ul li a.active {
	background-color: #04AA6D;
}