body {
  background: #eeeeee;
  font-size: 16px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  margin: 0;
}

a {
  color: crimson;
  text-decoration: none;
}

a:hover {
  color: red;
}

h1{
  margin: 2em 0 1em;
}


/* Layout
------------------------------------------*/

.sticky{
  width:100%;
  position:fixed;
  background:rgba(238, 238, 238, 0.7);
  top:0;
}

nav,
header,
.container,
footer {
  margin: 0 auto;
  width: 88%;
  max-width: 1080px;
}

.wrapper {
  padding: 1em 0;
  background: #ffffff;
}

/* Navigation
-------------------------------------------*/
nav ul {
  list-style:none;
  padding:0;
  display: flex;
}

nav li {
  margin-right: .5em;
}

nav a {
  padding: .5em 1em;
  background: #cccccc;
  border-radius: 15px;
  transition: 1s;
}