@import url("../../reveal.js/dist/reveal.css");
@import url("../../reveal.js/dist/theme/beige.css");
@import url("../../reveal.js/plugin/highlight/zenburn.css");
 .reveal .slides {
  height: 100%;
  top: 0;
  margin-top: 0;
}

.reveal .slides>section {
  min-height: 90%;
  top: auto;
}

.reveal .slides>section>section {
  min-height: 100%;
}

.reveal section img {
  margin: 15px 0px;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  box-shadow: none; }


.reveal .slides section .fragment.current-visible-only {
  opacity: 0;
  height: 0;
  visibility: hidden; }
  .reveal .slides section .fragment.current-visible-only.current-fragment {
    opacity: 1;
    height: auto;
    visibility: visible; }

imgcredit {
  text-align: left;
  display: block;
  font-size: 30% ! important;
  color: #888;
  transform: rotate(-90deg);
  transform-origin: top left;
  position: fixed;
  padding-left: 50px;
}

imgcredit::before {
  content: "Image credit: ";
}

@media print {
imgcredit
{
  position: absolute;
}
}


.reveal .slides section.present p note,
.reveal .slides section.present note
{
  position: fixed;
  bottom: inherit;
  left: 0px;
  font-size: 60%;
  text-align: left;
  display: block;
}

@media print {
.reveal .slides section.present p note,
.reveal .slides section.present note {
  position: absolute;
  font-size: 40%;
  text-align: left;
  display: block;
}
.reveal .slides section {
  font-size: 90%!important;
}
}

.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.ackimg {
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 10px 10px 8px #888888 !important;
}

                                                                                                              :root {
    --color: white;
}

section > pre > code {
    padding: 2em;
}

section > pre > code::after {
    content: "copy";
    color: var(--color);
    position: absolute;
    padding-top: 0;
    padding-left: 0.1em;
    padding-right: 0.1em;
    top: 0.2em;
    right: 0.2em;
    border: 2px solid;
    border-color: var(--color);
    border-radius: 2px;
}

section > div > pre > code {
    padding: 2em;
}

section > div > pre > code::after {
    content: "copy";
    color: var(--color);
    position: absolute;
    padding-top: 0;
    padding-left: 0.1em;
    padding-right: 0.1em;
    top: 0.2em;
    right: 0.2em;
    border: 2px solid;
    border-color: var(--color);
    border-radius: 2px;
}

/* header/footer with clickable links in slide background */

#header-left {
  position: absolute;
  top: 5%;
  left: 5%;
  font-size: 0.5em;
}
#header-right {
  position: absolute;
  top: 5%;
  right: 5%;
  font-size: 0.5em;
}
#footer-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  font-size: 0.5em;
}
#footer-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  font-size: 0.5em;
}