body {
  background: radial-gradient(white, hsl(0, 0%, 90%));
}
body .fallback-message {
  display: none;
}
body.impress-not-supported .fallback-message {
  display: block;
}

.step {
  width: 960px;
  height: 720px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.35);
}
.step.no-bg {
  background: none;
}
.step.section-header {
  font-size: 1.2em;
  background: none;
  width: 720px;
  height: auto;
  transition: opacity 4s ease;
  -webkit-transition: opacity 4s ease;
}
.step.section-header.past {
  opacity: 0.2;
}

.highlight pre {
  padding: 10px;
  border-radius: 2px;
  background-color: hsla(0, 0%, 0%, 0.07);
}

.solution {
  font-size: 1rem;
}

#title {
  font-size: 2em;
}
#title hgroup {
  position: relative;
  top: 30%;
}
#title hgroup h1 {
  margin-bottom: 0;
}
#title hgroup h2 {
  text-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.75), 0 -1px 1px hsla(0, 0%, 0%, 0.66);
  font-weight: normal;
}

#about {
  font-size: 2em;
}
#about .gravatar {
  border-radius: 100%;
  border: 4px solid #555;
  max-width: 100%;
}
#about .experience {
  font-size: 0.75em;
}
#about hr {
  margin: 0.75em 0;
}
#about .social {
  font-size: 0.75em;
}
#about .social a {
  vertical-align: top;
}

#agenda {
  font-size: 1.2em;
}
#agenda h2 {
  margin-bottom: 0.1em;
}

#definition {
  font-size: 2em;
}

#trio {
  font-size: 3em;
}
#trio img {
  max-width: 920px;
}

#history {
  font-size: 1.8em;
}

#statistics .did-you-know {
  font-size: 2em;
}
#statistics .javascript-on-github {
  font-size: 2em;
  border-bottom-width: 0.0625rem;
}

#syntax, #scoping {
  font-size: 1.5em;
}

#prototype {
  font-size: 2em;
}

#functions {
  font-size: 2em;
}

#objects p {
  font-size: 2em;
}
#objects .object-code {
  font-size: 1.3em;
}

#arrays-regexes {
  font-size: 2em;
}

#js-additional-resources {
  font-size: 1.5em;
}
#js-additional-resources h1 {
  font-size: 3rem;
}
#js-additional-resources a {
  font-size: 0.75em;
}
#js-additional-resources a img {
  width: 100%;
  border: 1px solid #aaa;
  box-sizing: border-box;
}

#jquery-definition {
  font-size: 2em;
}

#jquery-function p {
  font-size: 2em;
}
#jquery-function pre {
  text-align: center;
  font-size: 3em;
}

#basic-usage {
  font-size: 2em;
}

#ajax p {
  font-size: 1.7em;
}

#application {
  font-size: 2em;
}

#jq-additional-resources {
  font-size: 1.5em;
}
#jq-additional-resources h1 {
  font-size: 3rem;
}

#demo {
  font-size: 2em;
}

#fin {
  display: none;
}

/*# sourceMappingURL=styles.css.map */