.slides > .footer {
  position: absolute;
  top: 350px;
  left: -625px;
  width: 100%;
  text-align: center;
  color: #888;
  z-index: 999;
}

.slides > .footer a {
  color: #ccc!important;
}

.slides > .footer a:hover {
  color: #eee!important;
}

section > section > .background {
  background-image: url(../assets/angular_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.1;
  height: 500px;
  width:100%;
  position: absolute;
  top: 100px;
  left: 0;
}

.reveal pre {
  border-radius: 1em;
  background-color: #3F3F3F;
  opacity: .6;
}

.reveal pre code {
  background: none;
}

.reveal iframe {
  width: 90%;
  min-height: 500px;
  border-radius: 1em;
  background-color: #3F3F3F;
  opacity: .6;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}