body {
  margin: 0;
  /*background-color: #c8dce0;*/
  background-color: #ddd;
}

* a {
  color: #444;
  text-decoration: none;
}

* a:hover {
  color: #646464;
}

nav {
  margin: -15px, 0px, 15px, 0px;
  padding: 15px;
  background-color: #6799b7;
}

.name {
  display: inline-block;
  margin-left: -30px;
  width: 400px;
  text-align: left;
  text-decoration: none;
  color: #fff;
  font-size: 2.2em;
  font-family: Verdana, sans-serif;
  letter-spacing: 14px;
}

.navigation {
  display: inline-block;
  position: relative;
  right: -140px;
  list-style-type: none;
}

.navigation a {
  display: block;
  text-align: center;
  font-family: Verdana, sans-serif;
  width: 5.7em;
  font-size: 1.8em;
}

footer {
  position: relative;
  clear: both;
  background-color: #6799b7;
  width: 100%;
  height: 6em;
  top: 3em;
}

footer p {
  position: relative;
  display: inline-block;
  font-size: 1em;
  font-family: Verdana, sans-serif;
  top: 1.4em;
  left: 1.4em;
  color: #ddd;
}

footer div {
  position: relative;
  display: inline-block;
  float: right;
  top: 1em;
  right: 1em;
}

footer img {
  max-width: 4em;
  height: auto;
  margin-right: 1.5em;
}

footer img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}