style.css

html {
  background: #EB8068;
  background: linear-gradient(left top, #EB9B6B, #EB8068) no-repeat;
  background: -webkit-linear-gradient(left top, #EB9B6B, #EB8068) no-repeat;
  background: -moz-linear-gradient(left top, #EB9B6B, #EB8068) no-repeat;
  background: -ms-linear-gradient(left top, #EB9B6B, #EB8068) no-repeat;
  background: -o-linear-gradient(left top, #EB9B6B, #EB8068) no-repeat;
}

:not(button) {
  margin: 0;
  padding: 0;
  font: 500 13px "helvetica neue", helvetica, arial, sans-serif;
}

.nav {
  margin: 25px 25px 25px 25px;
}

header h1 {
  font-size: 250%;
  font-weight: 700;
}

header h2 {
  font-size: 150%;
  font-weight: 700;
}

footer {
  height: 150px;
}

.title {
  position: relative;
  width: 500px;
  margin: 20px auto 0;
  margin-top: 50px;
  font-weight: 700;
  padding: 14px 14px;
  border: 1px solid #FFED8D;
  border-bottom-color: #F5DC7A;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(125,112,33,.23);
  background: #FFFADA;
  transition: opacity .8s;
}

.resource {
  list-style: none;
  position: relative;
  width: 500px;
  margin: 10px auto 0;
  padding: 14px 0;
  border: 1px solid #FFED8D;
  border-bottom-color: #F5DC7A;
  border-radius: 4px;
  background: #FFF;
  transition: opacity .8s;
}

.resource.hidden {
  opacity: 0;
}

.resource p {
  text-align: center;
  color: #1A3547;
}

.resource button {
  position: absolute;
  right: 11px;
  top: 11px;
}