body, html {
  margin: 0;
  padding: 0;
}

#slides {
  .slide {
    width: 75%;

    .content {
      text-align: center;

      width: 100%;
      height: 100%;

      h1, h2, h3 {
        margin: 0;
      }

      h1 {
        font-size: 5em;
      }

      h2 {
        font-size: 3em;
      }

      h3 {
        font-size: 1.75em;
      }

      div.highlight {
        text-align: left;

        padding: 1em;

        font-size: 160%;

        pre {
          margin: 0;
        }
      }
    }

    &.style-larger {
      div.highlight {
        font-size: 200%;
      }
    }

    &.style-even-larger {
      div.highlight {
        font-size: 250%;
      }
    }

    &.activeslide {
      opacity: 1 !important;
    }

    &.inactiveslide {
      opacity: 0.4;
    }
  }
}