@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
.orange {
  background-color: #ee7722;
}
.orange:hover, .orange:active {
  background-color: #df5900;
}

.turquoise {
  background-color: #00a0b0;
}
.turquoise:hover, .turquoise:active {
  background-color: #008c9c;
}

.purple {
  background-color: #9553b0;
}
.purple:hover, .purple:active {
  background-color: #8b499c;
}

.red {
  background-color: #cc333f;
}
.red:hover, .red:active {
  background-color: #b92b33;
}

.dark-blue {
  background-color: #233255;
}
.dark-blue:hover, .dark-blue:active {
  background-color: #102a49;
}

.yellow {
  background-color: #edc951;
}
.yellow:hover, .yellow:active {
  background-color: #dab545;
}

html, body {
  background: #233255;
  color: #fff;
}

.deck-container {
  background: #233255;
  color: #fff;
  font-family: 'Oxygen', 'Ubuntu', 'Helvetica Neue', Helvetica, arial, sans-serif;
}
.deck-container b, .deck-container strong {
  font-weight: bold;
}
.deck-container li, .deck-container p {
  font-size: 5rem;
}
.deck-container li {
  margin-left: 3rem;
}
.deck-container .slide {
  background: #233255;
}
.deck-container .slide h1 {
  font-size: 8rem;
}
.deck-container .slide h1 a:hover, .deck-container .slide h1 a:visited:hover {
  text-decoration: none;
}
.deck-container .slide h2 {
  color: #ea4;
  border-bottom-color: #ccc;
  font-size: 8rem;
  padding-top: 0.1em;
  margin-left: 1rem;
}
.deck-container .slide .h2-image {
  margin-bottom: 2rem;
}
.deck-container .slide .h2-long-title {
  font-size: 6.5rem;
}
.deck-container .slide h3 {
  color: #888;
  margin-bottom: 20px;
  font-size: 5rem;
}
.deck-container .slide h4 {
  font-size: 4rem;
}
.deck-container .slide ul {
  margin-bottom: 2rem;
}
.deck-container .slide .citation {
  font-size: 2rem;
  float: right;
}
.deck-container .slide .slide-contents {
  margin-left: 3rem;
}
.deck-container .slide pre {
  border-color: #ccc;
  border-radius: 10px;
  color: #222;
  background-color: #fff;
}
.deck-container .slide pre, .deck-container .slide code {
  font-family: Consolas, Menlo, "Andale Mono", Monaco, monospace;
  /* use CodeMirror settings below for setting code block fonts */
}
.deck-container .slide blockquote {
  font-size: 5rem;
  font-style: italic;
  padding: 0.5em 1em;
  border-left: 5px solid #ccc;
}
.deck-container .slide blockquote p {
  margin: 0;
}
.deck-container .slide blockquote cite {
  font-size: .5em;
  font-style: normal;
  font-weight: bold;
  color: #888;
}
.deck-container .slide ::-moz-selection {
  background: #233255;
  text-shadow: none;
}
.deck-container .slide ::selection {
  background: #233255;
  text-shadow: none;
}
.deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
  color: #ee7722;
  text-decoration: none;
}
.deck-container .slide a:hover, .deck-container .slide a:focus {
  text-decoration: underline;
}
.deck-container .slide .full-image {
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
}
.deck-container .slide img {
  object-fit: contain;
  min-width: 90%;
}
.deck-container > .slide .deck-before, .deck-container > .slide .deck-previous {
  opacity: 0.4;
}
.deck-container > .slide .deck-before:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-before:not(.deck-child-current) .deck-previous, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-previous {
  opacity: 1;
}
.deck-container > .slide .deck-child-current {
  opacity: 1;
}
.deck-container .deck-prev-link, .deck-container .deck-next-link {
  background: #ccc;
  font-family: serif;
}
.deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
  color: #fff;
}
.deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
  background: #c00;
  text-decoration: none;
}
.deck-container .deck-status {
  font-size: 0.6666em;
}
.deck-container.deck-menu .slide {
  background: #eee;
}
.deck-container.deck-menu .deck-current, .no-touch .deck-container.deck-menu .slide:hover {
  background: #ddf;
}
.deck-container .start-hidden {
  display: none;
}
.deck-container #documentation-reader {
  background: url("/slides/images/birds.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.deck-container #documentation-reader h1, .deck-container #documentation-reader h5 {
  text-shadow: 4px 0 5px white, 0 4px 5px white, -4px 0 5px white, 0px -4px 5px white;
}
.deck-container #documentation-reader #frenzy-link {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.deck-container #documentation-reader #frenzy-link a {
  color: black;
}
.deck-container #command-not-found .CodeMirror {
  font-size: 2.3rem;
}
.deck-container #url-validation .CodeMirror {
  font-size: 1.8rem;
}
.deck-container .image-overlay {
  position: relative;
}
.deck-container #result-1 {
  position: absolute;
  top: 30%;
}
.deck-container #usability-reasons li {
  font-size: 3rem;
  margin-left: 80px;
}

.deck-container .slide .CodeMirror-gutter {
  background: #fff;
  font-family: Consolas, Menlo, Andale Mono, Monaco, monospace;
  border-right: none;
  display: none;
}

.deck-container .slide .CodeMirror {
  border-radius: 8px;
  padding: 10px;
  font-size: 4.5rem;
  background: #fff;
  font-family: Consolas, Menlo, Andale Mono, Monaco, monospace;
}
.deck-container .slide .CodeMirror .cm-keyword, .deck-container .slide .CodeMirror .cm-variable, .deck-container .slide .CodeMirror .cm-variable-2 {
  color: #b92b33;
}
.deck-container .slide .CodeMirror .cm-string, .deck-container .slide .CodeMirror .cm-number, .deck-container .slide .CodeMirror .cm-word {
  color: #233255;
}
.deck-container .slide .CodeMirror .cm-property, .deck-container .slide .CodeMirror .cm-def, .deck-container .slide .CodeMirror .cm-atom {
  color: #8b499c;
}
.deck-container .slide .CodeMirror .cm-operator, .deck-container .slide .CodeMirror .cm-null {
  color: #222;
}
.deck-container .slide .CodeMirror .cm-comment {
  color: #8b499c;
}
.deck-container .slide .CodeMirror pre {
  padding: 2px 0;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.five {
  font-size: 5rem;
}