body {
    background: #fff;
}
* {
    color: #000;
}
h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
}

li {
    list-style-position: outside;
    margin-bottom: 0.8ex;
}

span, pre, h2, h3, p, ul {
    background-color: #fff;
    opacity: 0.90;
    font-size: 80%;
}
pre, code {
    color: black !important;
}

ul {
    width: 60%;
    padding-left: 1em;
}

sub {
    font-size: 70%;
}

.reveal section img {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

section {
    background-repeat: no-repeat;
    background-position: left 0;
    margin-top: 5%;
    width: 100%;
}

pre span {
    background: none !important;
}

pre code {
    background: none !important;
}

.reveal a {
    color: #767676 !important;
}

/*
.slide-0 {
    background-image: url('../images/westalkbuildfail.png');
    background-position: 4em -2em;
}
*/

.slide-0 * {
    opacity: 0.60;
}

.slide-0 p:first-of-type {
    margin-top: 25%;
}

.slide-2 {
    background-image: url('../images/westalkwho.png');
    background-position: -5em 1em;
}

.slide-2 ul {
    margin-top: 10%;
    opacity: 0.75;
    list-style: none;
    float: right;
    width: 50%;
}

.slide-3 {
    background-image: url('../images/huh.gif');
    background-position: 6.5em 3em;
}

.slide-4, .slide-5 {
    background-image: url('../images/githubactions.png');
    background-size: 90%;
}
.slide-4 ul {
    margin-top: 10%;
    background-color: rgba(255, 255, 255, 0.4);
}
.slide-5 ul {
    margin-top: 5%;
    background-color: rgba(255, 255, 255, 0.6);
}

.slide-7 ul, .slide-9 ul, .slide-10 ul {
    margin-top: 5%;
}

.slide-10 h4 code, .slide-9 h4 code {
    text-transform: lowercase;
}

.slide-11 code.second {
    margin-top: 10%;
}

.slide-8 pre {
    font-size: 60%;
    width: 100%;
}

.slide-15 {
    background-image: url('../images/javascript.jpg');
    background-size: 50%;
    background-position: 6em 2em;
}

.exit1 {
    background-image: url('../images/westalkexitmob.png');
    background-position: -3em 2em;
}

.exit2 {
    background-image: url('../images/westalkexitmoped.png');
    background-position: 1000px 0;
}

.animate-exit2 {
    -webkit-animation-duration: 8s;
    -webkit-animation-name: slidein;
    -moz-animation-duration: 8s;
    -moz-animation-name: slidein;
}

.demo img {
    margin-top: -3em !important;
}

.who ul {
    min-width: 550px;
}

.who li img:last-of-type {
    margin-right: 0.5em;
}

@-webkit-keyframes slidein {
  from {
    background-position: -6em 0;
  }
 
  to {
    background-position: 1000px 0;
  }
}

@-moz-keyframes slidein {
  from {
    background-position: -6em 0;
  }
 
  to {
    background-position: 1000px 0;
  }
}

/* Fonts */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(../RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(../HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
