/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local("PT Serif"), local("PTSerif-Regular"), url("../fonts/pt-serif-v9-latin-regular.woff2") format("woff2"), url("../fonts/pt-serif-v9-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* pt-serif-italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: local("PT Serif Italic"), local("PTSerif-Italic"), url("../fonts/pt-serif-v9-latin-italic.woff2") format("woff2"), url("../fonts/pt-serif-v9-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local("PT Serif Bold"), local("PTSerif-Bold"), url("../fonts/pt-serif-v9-latin-700.woff2") format("woff2"), url("../fonts/pt-serif-v9-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans"), local("PTSans-Regular"), url("../fonts/pt-sans-v9-latin-regular.woff2") format("woff2"), url("../fonts/pt-sans-v9-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local("PT Sans Italic"), local("PTSans-Italic"), url("../fonts/pt-sans-v9-latin-italic.woff2") format("woff2"), url("../fonts/pt-sans-v9-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url("../fonts/pt-sans-v9-latin-700.woff2") format("woff2"), url("../fonts/pt-sans-v9-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Code Pro"), local("SourceCodePro-Regular"), url("../fonts/source-code-pro-v7-latin-regular.woff2") format("woff2"), url("../fonts/source-code-pro-v7-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* source-code-pro-700 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Code Pro Bold"), local("SourceCodePro-Bold"), url("../fonts/source-code-pro-v7-latin-700.woff2") format("woff2"), url("../fonts/source-code-pro-v7-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
.sr-only, .hidden {
  display: none; }

a {
  color: #0099e6; }
  a:hover {
    color: #e1822b; }

code {
  background-color: #f0f0f0;
  color: #333; }

figure img, div.figure img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  box-shadow: 0 0 4px #333; }
figure figcaption, figure .caption, div.figure figcaption, div.figure .caption {
  color: #555;
  font-style: italic;
  padding: 1rem;
  text-align: center; }

figure.diagram img {
  width: 100%;
  box-shadow: none; }

img {
  height: auto; }

img#logo {
  width: 128px;
  height: 32px; }

table {
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }
  table thead {
    background-color: #e0e0e0; }
  table tr, table td {
    border-collapse: collapse;
    border: 1px solid silver; }
  table td {
    padding: 0.5rem; }

table.footnote td, table.footnote tr {
  border: none; }
table.footnote tr td:first-child {
  width: 10%; }

body {
  padding: 0;
  margin: 0;
  background-color: #f0f0f0;
  font-family: "PT Serif", serif;
  font-size: 18px; }

a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1rem 1rem;
  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap; }

a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede; }

/* Color Highlight for keyboard navigation */
a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb; }

#header {
  z-index: 1;
  position: fixed;
  top: 0;
  width: 100%;
  font-family: "PT Sans", sans-serif;
  background: linear-gradient(to bottom, #0099e6, #0088cc);
  box-shadow: 0 0 8px #006699; }
  #header .content {
    display: flex;
    max-width: 1056px;
    margin: auto;
    align-items: stretch; }
    #header .content #brand {
      padding-left: 1rem;
      padding-right: 8px;
      padding-top: 8px; }

#content, #sidebar {
  padding-top: 64px; }

#content {
  padding-bottom: 1rem;
  grid-column: 1;
  padding-right: 16px; }

#sidebar {
  padding-left: 15px;
  border-left: 1px solid #f0f0f0;
  grid-column: 2; }

#container, #footer {
  padding-left: 1rem;
  padding-right: 1rem; }

#footer, #container {
  max-width: 1056px;
  margin: auto;
  background-color: white;
  border-left: 1px solid silver;
  border-right: 1px solid silver; }

#footer {
  border-bottom: 1px solid silver;
  border-top: 1px solid silver;
  background-color: #f0f0f0;
  font-size: 0.85rem;
  color: #8c8c8c;
  font-family: "PT Sans", sans-serif; }
  #footer p {
    margin: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem; }
  #footer a {
    text-decoration: none; }

#container {
  display: grid; }
  #container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
    margin: 0;
    font-family: 'PT Sans', sans-serif; }
  #container h2 {
    font-size: 115%;
    font-weight: normal; }
  #container h3 {
    font-size: 100%;
    font-weight: normal; }
  #container article h2 {
    margin-top: 1rem; }
  #container article p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  #container article .metadata {
    font-family: "PT Sans", sans-serif;
    display: flex;
    font-size: 80%;
    color: #acacac; }
    #container article .metadata a {
      color: #acacac;
      text-decoration: none; }
      #container article .metadata a:hover {
        text-decoration: underline; }
    #container article .metadata p {
      margin: 0; }
    #container article .metadata .divider {
      padding: 0 0.25rem; }
  #container article blockquote {
    border-left: 0.75rem solid #e0e0e0;
    margin-left: 0;
    padding-left: 1rem; }
  #container article h1 a {
    text-decoration: none; }
  #container article pre.code, #container article pre.literal-block {
    background-color: #f8f8f8;
    overflow: auto;
    padding: 0.25rem;
    box-shadow: 2px 2px 2px silver; }
  #container article table {
    border-collapse: collapse; }
  #container article ul.postlist time::after {
    content: ' - '; }
  #container article ul.tags::before {
    content: 'Tags: ';
    font-weight: bold;
    margin-right: 0.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  #container article div.admonition {
    padding: 0;
    box-shadow: inset 0 0 4px #CCC;
    margin-bottom: 0.5rem; }
  #container article div.admonition p {
    padding: 8px;
    margin: 0; }
  #container article div.admonition.note {
    background-color: #f0f0f0;
    border: none; }
  #container article .admonition-title {
    font-family: "PT Sans", sans-serif; }
  #container article div.note .admonition-title {
    background-color: #0088cc;
    color: white;
    margin: 0;
    padding: 4px;
    padding-left: 8px; }
  #container article div.warning {
    background-color: fade(#f10909, 10%);
    border: none; }
  #container article div.warning .admonition-title {
    background-color: #cc0808;
    color: white;
    margin: 0;
    padding: 4px;
    padding-left: 8px; }
  #container article pre,
  #container article code,
  #container article kbd,
  #container article samp,
  #container article tt {
    font-family: "Source Code Pro", monospace;
    font-size: 0.8125em; }
  #container article tt {
    word-wrap: break-word; }

.internal_tag-list, #container article ul.tags, #container article.tagindex ul.postlist {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  .internal_tag-list li, #container article ul.tags li, #container article.tagindex ul.postlist li {
    background-color: #f0f0f0;
    border-radius: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
    .internal_tag-list li:last-child, #container article ul.tags li:last-child, #container article.tagindex ul.postlist li:last-child {
      margin-right: 0; }
    .internal_tag-list li a, #container article ul.tags li a, #container article.tagindex ul.postlist li a {
      color: black;
      text-decoration: none;
      padding: 0.25rem; }
      .internal_tag-list li a:hover, #container article ul.tags li a:hover, #container article.tagindex ul.postlist li a:hover {
        color: #e1822b; }

ul.pager {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  margin-top: 8px;
  padding: 0; }
  ul.pager a {
    display: block;
    border: 1px solid #acacac;
    background-color: #f0f0f0;
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 0.25rem; }
    ul.pager a:hover {
      border-color: #e1822b;
      box-shadow: 0 0 2px silver; }

#header #nav-toggle {
  cursor: pointer;
  border: none;
  background: none;
  display: none;
  color: white;
  line-height: 48px;
  font-size: 24px;
  width: 48px;
  padding: 0; }
  #header #nav-toggle:hover, #header #nav-toggle {
    text-decoration: none; }
  #header #nav-toggle:hover {
    text-shadow: 0 0 2px white; }

nav#menu {
  display: flex;
  cursor: pointer;
  width: 100%; }
  nav#menu ul {
    list-style-type: none;
    flex-direction: row;
    padding: 0;
    margin: 0;
    display: flex; }
    nav#menu ul li {
      font-weight: 500;
      color: #eee;
      text-align: center;
      position: relative;
      flex: 1; }
      nav#menu ul li ul {
        display: none;
        position: absolute;
        left: 0;
        box-shadow: 2px 2px 6px #333;
        min-width: 384px;
        font-size: 80%; }
        nav#menu ul li ul li {
          background-color: #f0f0f0;
          border: none;
          border-bottom: 1px solid #e0e0e0;
          padding: 0; }
          nav#menu ul li ul li a {
            color: #000;
            display: block;
            padding: 0.5rem;
            text-align: left;
            line-height: initial; }
            nav#menu ul li ul li a:hover {
              color: #be691b;
              background-color: white; }
          nav#menu ul li ul li:hover {
            background-color: #f0f0f0; }
      nav#menu ul li:hover, nav#menu ul li[aria-expanded="true"] {
        background-color: #00aaff; }
      nav#menu ul li[aria-expanded="true"] ul {
        display: block; }
      nav#menu ul li a {
        text-decoration: none;
        color: #eee;
        line-height: 48px;
        display: block;
        padding: 0 1rem;
        transition-duration: 250ms;
        transition-property: all; }
        nav#menu ul li a:hover {
          color: white; }
      nav#menu ul li.active {
        font-weight: bold; }

@media only screen and (min-width: 1064px) {
  #container {
    grid-template-columns: 75% 25%; } }
@media only screen and (max-width: 528px) {
  #header .content {
    justify-content: space-between;
    flex-wrap: wrap; }
    #header .content #brand {
      order: 1; }
    #header .content nav#menu {
      order: 3;
      width: 100%;
      display: none; }
      #header .content nav#menu.expanded {
        display: unset; }
      #header .content nav#menu ul {
        width: 100%;
        flex-direction: column; }
        #header .content nav#menu ul li {
          border-top: 1px solid rgba(0, 0, 0, 0.15); }
        #header .content nav#menu ul li:hover ul {
          display: none; }
    #header .content #nav-toggle {
      order: 2;
      display: block; } }
@media only screen and (max-width: 1064px) and (min-width: 792px) {
  #container, #footer {
    max-width: 75%; } }
@media only screen and (max-width: 792px) {
  #container, #footer {
    border: none; } }
@media only screen and (max-width: 1064px) {
  #container {
    grid-template-columns: 100%;
    grid-template-rows: auto auto; }

  #content {
    grid-column: 1;
    grid-row: 1;
    padding-right: 0; }

  #sidebar {
    border: none;
    border-top: 1px solid silver;
    padding-top: 16px;
    grid-column: 1;
    grid-row: 2;
    padding-left: 0; } }
.table-wrapper {
  overflow-x: auto; }

@import url("html4css1.css");
@import url("nikola_rst.css");

/* code.css file generated by Nikola */
pre.code .hll { background-color: #ffffcc }
pre.code  { background: #f8f8f8; }
pre.code .c { color: #408080; font-style: italic } /* Comment */
pre.code .err { border: 1px solid #FF0000 } /* Error */
pre.code .k { color: #008000; font-weight: bold } /* Keyword */
pre.code .o { color: #666666 } /* Operator */
pre.code .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
pre.code .cm { color: #408080; font-style: italic } /* Comment.Multiline */
pre.code .cp { color: #BC7A00 } /* Comment.Preproc */
pre.code .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
pre.code .c1 { color: #408080; font-style: italic } /* Comment.Single */
pre.code .cs { color: #408080; font-style: italic } /* Comment.Special */
pre.code .gd { color: #A00000 } /* Generic.Deleted */
pre.code .ge { font-style: italic } /* Generic.Emph */
pre.code .gr { color: #FF0000 } /* Generic.Error */
pre.code .gh { color: #000080; font-weight: bold } /* Generic.Heading */
pre.code .gi { color: #00A000 } /* Generic.Inserted */
pre.code .go { color: #888888 } /* Generic.Output */
pre.code .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
pre.code .gs { font-weight: bold } /* Generic.Strong */
pre.code .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
pre.code .gt { color: #0044DD } /* Generic.Traceback */
pre.code .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
pre.code .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
pre.code .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
pre.code .kp { color: #008000 } /* Keyword.Pseudo */
pre.code .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
pre.code .kt { color: #B00040 } /* Keyword.Type */
pre.code .m { color: #666666 } /* Literal.Number */
pre.code .s { color: #BA2121 } /* Literal.String */
pre.code .na { color: #7D9029 } /* Name.Attribute */
pre.code .nb { color: #008000 } /* Name.Builtin */
pre.code .nc { color: #0000FF; font-weight: bold } /* Name.Class */
pre.code .no { color: #880000 } /* Name.Constant */
pre.code .nd { color: #AA22FF } /* Name.Decorator */
pre.code .ni { color: #999999; font-weight: bold } /* Name.Entity */
pre.code .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
pre.code .nf { color: #0000FF } /* Name.Function */
pre.code .nl { color: #A0A000 } /* Name.Label */
pre.code .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
pre.code .nt { color: #008000; font-weight: bold } /* Name.Tag */
pre.code .nv { color: #19177C } /* Name.Variable */
pre.code .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
pre.code .w { color: #bbbbbb } /* Text.Whitespace */
pre.code .mb { color: #666666 } /* Literal.Number.Bin */
pre.code .mf { color: #666666 } /* Literal.Number.Float */
pre.code .mh { color: #666666 } /* Literal.Number.Hex */
pre.code .mi { color: #666666 } /* Literal.Number.Integer */
pre.code .mo { color: #666666 } /* Literal.Number.Oct */
pre.code .sa { color: #BA2121 } /* Literal.String.Affix */
pre.code .sb { color: #BA2121 } /* Literal.String.Backtick */
pre.code .sc { color: #BA2121 } /* Literal.String.Char */
pre.code .dl { color: #BA2121 } /* Literal.String.Delimiter */
pre.code .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
pre.code .s2 { color: #BA2121 } /* Literal.String.Double */
pre.code .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
pre.code .sh { color: #BA2121 } /* Literal.String.Heredoc */
pre.code .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
pre.code .sx { color: #008000 } /* Literal.String.Other */
pre.code .sr { color: #BB6688 } /* Literal.String.Regex */
pre.code .s1 { color: #BA2121 } /* Literal.String.Single */
pre.code .ss { color: #19177C } /* Literal.String.Symbol */
pre.code .bp { color: #008000 } /* Name.Builtin.Pseudo */
pre.code .fm { color: #0000FF } /* Name.Function.Magic */
pre.code .vc { color: #19177C } /* Name.Variable.Class */
pre.code .vg { color: #19177C } /* Name.Variable.Global */
pre.code .vi { color: #19177C } /* Name.Variable.Instance */
pre.code .vm { color: #19177C } /* Name.Variable.Magic */
pre.code .il { color: #666666 } /* Literal.Number.Integer.Long */
table.codetable { width: 100%;} td.linenos {text-align: right; width: 4em;}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.8.2
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}