@import url(fontawesome.css);
@import url(foundation-icons.css);
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Inconsolata-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "xkcd Script";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/xkcd-script.ttf") format("truetype"); }

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Raleway-Regular.ttf") format("truetype"); }

.light-on-dark, section.light-on-dark h1 {
  color: #fff;
  text-shadow: 0px 1px #000; }

.ltr p, .ltr pre, .inline p, .inline pre {
  display: inline-block;
  vertical-align: middle; }

.flush-text-left {
  text-align: left; }

pre.nohighlight {
  line-height: 90%; }

.rerendering-message {
  display: none;
  position: absolute;
  text-align: center;
  top: 20%;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  color: white;
  font-size: 200%;
  text-shadow: 2px 2px #000000; }

.markdeck-logo {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 8px;
  height: 8px;
  font-size: 10px;
  color: #5550;
  z-index: 1; }
  .markdeck-logo a {
    color: #333a;
    text-shadow: 1px 1px #bbba;
    background: none;
    text-decoration: none; }

pre {
  text-align: left; }

.inline-stack {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1em; }

/* for block of numbers */
.hljs-ln-numbers {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: #ccc;
  border-right: 1px solid #CCC;
  vertical-align: top;
  padding-right: 5px;
  /* your custom style here */ }

/* for block of code */
.hljs-ln-code {
  padding-left: 10px; }

.ltr div {
  display: inline-block; }

div.render_a2sketch svg text {
  font-family: "xkcd Script";
  font-size: 24pt; }

.reveal h1 {
  font-size: 1.6em;
  margin-block-start: 0;
  margin-block-end: 1ex; }

.reveal div pre.asciinema-terminal {
  font-family: "Inconsolata", monospace; }

.reveal code {
  font-family: "Inconsolata"; }

.reveal .slides .textcentered {
  text-align: center !important; }

.reveal .slides .xkcd * {
  font-family: "xkcd Script"; }

.reveal a {
  color: inherit; }

.reveal a:hover {
  color: inherit;
  text-shadow: 0px 0px 10px black; }

.reveal .license {
  font-size: 12pt; }

.reveal .footer {
  position: absolute;
  bottom: 1em;
  left: 1em;
  font-size: 0.5em; }

.reveal img.emoji {
  width: 1.1em;
  height: 1.1em;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  box-shadow: none; }

.reveal section img {
  border: 0;
  background: transparent; }

.reveal .inline-stack {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1em; }

.reveal .slides .flushleft {
  position: absolute;
  width: 50%;
  min-height: 240px;
  top: -100px;
  background-color: rgba(0, 128, 128, 0.7);
  border-right: 2px solid Teal;
  padding: 1em 2em 1em;
  text-align: left;
  font-size: 60%; }

.notes .reveal .controls {
  display: contents !important; }

.reveal.has-dark-background .slides {
  color: #eee; }