@import url(https://fonts.googleapis.com/css?family=Patrick+Hand+SC);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Bad+Script);@import url(https://fonts.googleapis.com/css?family=Indie+Flower);@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Bad+Script);@import url(https://fonts.googleapis.com/css?family=Indie+Flower);@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Bad+Script);@import url(https://fonts.googleapis.com/css?family=Indie+Flower);@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Bad+Script);@import url(https://fonts.googleapis.com/css?family=Indie+Flower);@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Pompiere);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);@import url(https://fonts.googleapis.com/css?family=Space+Mono);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
body {
  width: 100%;
  margin: 0 0;
}
html {
  height: 0;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  width: 100%;
}

.frontpage[data-v-7a8d8cab] {
  width: 100%;
  height: auto;
  position: absolute;
  background-image: assetUrl("~eagle.js/dist/themes/assets/crossword.png");
}
.frontpage .content[data-v-7a8d8cab] {
    width: 800px;
    max-width: 90%;
    margin: 0 auto;
}
h1[data-v-7a8d8cab], h2[data-v-7a8d8cab], h3[data-v-7a8d8cab], h4[data-v-7a8d8cab], p[data-v-7a8d8cab] {
  font-weight: normal;
  font-family: 'Patrick Hand SC';
}
h1[data-v-7a8d8cab] {
  font-size: 8em;
  margin-top: 0.5em;
  margin-bottom: 0;
  line-height: 0.8em;
  text-align: center;
}
h2[data-v-7a8d8cab] {
  font-size: 2.2em;
  margin-top: 0.4em;
  margin-bottom: 2em;
  line-height: 0.8em;
  text-align: center;
}
p[data-v-7a8d8cab] {
  margin-top: 1.5em;
  font-size: 23px;
}
h3[data-v-7a8d8cab] {
  font-size: 30px;
}
.grey[data-v-7a8d8cab] {
  color: #bbb;
}
.box-card[data-v-7a8d8cab] {
  text-align: center;
  margin-bottom: 50px;
  display: inline;
}
.box-card .embedded-slideshow-container[data-v-7a8d8cab] {
    position: relative;
    width: 150px;
    height: 120px;
    margin: 0 auto;
    border: 1px solid grey;
    overflow: hidden;
    margin-top: 50px;
}
.box-card h3[data-v-7a8d8cab], .box-card p[data-v-7a8d8cab] {
    margin-bottom: 0;
    margin-top: 0;
}
a[data-v-7a8d8cab] {
  text-decoration: inherit;
  color: inherit;
}
.logo[data-v-7a8d8cab] {
  display: inline-block;
  width: 300px;
  height: 100px;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwIiB3aWR0aD0iMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgdmlld0JveD0iMCAwIDIwMCAxMDAiPgogPCEtLSA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjY0IC0yODUpIj4KICA8cGF0aCBkPSJtMzg0IDMzMmMtMjYuNy0zMi4xLTY4LjEtNTkuMi0xMDMtMzIuNC0yNi43IDI0LjQtMTMuMSA2OC45IDE2LjEgNzcuNSA0MC43IDEwIDY1LjUtMTguMiA4Ni41LTQ1LjF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyNzIyMDAiLz4KICA8ZWxsaXBzZSByeD0iMzguOSIgcnk9IjM3LjQiIGN5PSIzMzYiIGN4PSIzMjAiIGZpbGw9IiNmNmZiMDUiLz4KICA8ZWxsaXBzZSByeD0iMTQuOSIgcnk9IjE1LjciIGN5PSIzMzciIGN4PSIzMjEiLz4KICA8ZWxsaXBzZSBmaWxsLW9wYWNpdHk9Ii4zMDQiIHJ4PSI0NS40IiByeT0iMTguMiIgdHJhbnNmb3JtPSJtYXRyaXgoLjk3NiAuMjE3IC0uMzEzIC45NTAgMCAwKSIgY3k9IjIzOSIgY3g9IjQwOSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjk2OCIgcng9IjMuMTUiIHJ5PSIzLjQzIiBjeT0iMzI4IiBjeD0iMzI3IiBmaWxsPSIjZmZmIi8+CiA8L2c+IC0tPgogPCEtLSA8dGV4dCB4PSIxMCIgeT0iMjAiIGZpbGw9ImdyZWVuIj4jZnVuUGh5c2ljczwvdGV4dD4gLS0+CgogPHRleHQgeD0iMjIiIHk9IjAiIGZpbGw9IiNGRkQ3MDAiIGZvbnQtc2l6ZT0iMTIwIiBmb250LWZhbWlseT0iYXJpYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCAwKSByb3RhdGUoLTUsMjIsMCkiPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gCiAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgIHR5cGU9InNjYWxlIgogICAgICAgIGFkZGl0aXZlPSJzdW0iCiAgICAgICAgZnJvbT0iMSAxIgogICAgICAgIHRvPSItMSAxIgogICAgICAgIGR1cj0iMnMiCiAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAvPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gCiAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgIHR5cGU9InRyYW5zbGF0ZSIKICAgICAgICBhZGRpdGl2ZT0ic3VtIgogICAgICAgIGZyb209Ii02MCA5MCIKICAgICAgICB0bz0iLTcwIDkwIgogICAgICAgIGR1cj0iMnMiCiAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAvPlU8L3RleHQ+CiAgICA8IS0tIDxsaW5lIHgxPSIxMDAiIHkxPSIwIiB4Mj0iMTAwIiB5Mj0iMTAwIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdD0iMiIvPgogICAgPGxpbmUgeDE9IjkwIiB5MT0iMCIgeDI9IjkwIiB5Mj0iMTAwIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdD0iMiIvPgogICAgPGxpbmUgeDE9IjExMCIgeTE9IjAiIHgyPSIxMTAiIHkyPSIxMDAiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0PSIyIi8+CiAgICA8bGluZSB4MT0iODAiIHkxPSIwIiB4Mj0iODAiIHkyPSIxMDAiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0PSIyIi8+CiAgICA8bGluZSB4MT0iMTIwIiB5MT0iMCIgeDI9IjEyMCIgeTI9IjEwMCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHQ9IjIiLz4KICAgIDxsaW5lIHgxPSIzMCIgeTE9IjAiIHgyPSIzMCIgeTI9IjEwMCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHQ9IjIiLz4KICAgIDxsaW5lIHgxPSIxNzAiIHkxPSIwIiB4Mj0iMTcwIiB5Mj0iMTAwIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdD0iMiIvPiAtLT4KCjwvc3ZnPgo=);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.github-star[data-v-7a8d8cab] {
  display: block;
  margin: 0 auto;
  margin-top: -10px;
}
.block-box[data-v-7a8d8cab] {
  display: inline-block;
  width: 200px;
  height: 300px;
  vertical-align: top;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
.pcontainer {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid black;
}
.themes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  min-width: 70px;
  border-radius: 0 0 0px 10px;
  height: 20px;
}

.data[data-v-21cb6f04] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-21cb6f04] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-21cb6f04] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-21cb6f04] {
  background: #fa4408;
}
.correct[data-v-21cb6f04] {
  background: #80c080;
}
.error[data-v-21cb6f04] {
  font-size: 14px;
}

.data[data-v-0781f964] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0781f964] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0781f964] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0781f964] {
  background: #fa4408;
}
.correct[data-v-0781f964] {
  background: #80c080;
}
.error[data-v-0781f964] {
  font-size: 14px;
}

.data[data-v-143543b6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-143543b6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-143543b6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-143543b6] {
  background: #fa4408;
}
.correct[data-v-143543b6] {
  background: #80c080;
}
.error[data-v-143543b6] {
  font-size: 14px;
}

.data[data-v-bdd4fb84] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-bdd4fb84] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-bdd4fb84] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-bdd4fb84] {
  background: #fa4408;
}
.correct[data-v-bdd4fb84] {
  background: #80c080;
}
.error[data-v-bdd4fb84] {
  font-size: 14px;
}

.data[data-v-64adc5ca] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-64adc5ca] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-64adc5ca] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-64adc5ca] {
  background: #fa4408;
}
.correct[data-v-64adc5ca] {
  background: #80c080;
}
.error[data-v-64adc5ca] {
  font-size: 14px;
}

.data[data-v-89928e0c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-89928e0c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-89928e0c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-89928e0c] {
  background: #fa4408;
}
.correct[data-v-89928e0c] {
  background: #80c080;
}
.error[data-v-89928e0c] {
  font-size: 14px;
}

.data[data-v-1c650ea5] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1c650ea5] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-1c650ea5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1c650ea5] {
  background: #fa4408;
}
.correct[data-v-1c650ea5] {
  background: #80c080;
}
.error[data-v-1c650ea5] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-e7bd63b2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-e7bd63b2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-e7bd63b2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e7bd63b2] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-e7bd63b2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e7bd63b2] {
  background: #fa4408;
}
.correct[data-v-e7bd63b2] {
  background: #80c080;
}

.data[data-v-d3df306c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d3df306c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-d3df306c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d3df306c] {
  background: #fa4408;
}
.correct[data-v-d3df306c] {
  background: #80c080;
}
.error[data-v-d3df306c] {
  font-size: 14px;
}

.data[data-v-2e86b296] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2e86b296] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2e86b296] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2e86b296] {
  background: #fa4408;
}
.correct[data-v-2e86b296] {
  background: #80c080;
}
.error[data-v-2e86b296] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-9911bc4e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-9911bc4e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-9911bc4e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-9911bc4e] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-9911bc4e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-9911bc4e] {
  background: #fa4408;
}
.correct[data-v-9911bc4e] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-6e3ac631] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-6e3ac631] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-6e3ac631] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6e3ac631] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-6e3ac631] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6e3ac631] {
  background: #fa4408;
}
.correct[data-v-6e3ac631] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2cf940e2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2cf940e2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2cf940e2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2cf940e2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2cf940e2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2cf940e2] {
  background: #fa4408;
}
.correct[data-v-2cf940e2] {
  background: #80c080;
}

.data[data-v-037e8518] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-037e8518] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-037e8518] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-037e8518] {
  background: #fa4408;
}
.correct[data-v-037e8518] {
  background: #80c080;
}
.error[data-v-037e8518] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-2c011bf5] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2c011bf5] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2c011bf5] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2c011bf5] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2c011bf5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2c011bf5] {
  background: #fa4408;
}
.correct[data-v-2c011bf5] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-286dfdd4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-286dfdd4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-286dfdd4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-286dfdd4] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-286dfdd4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-286dfdd4] {
  background: #fa4408;
}
.correct[data-v-286dfdd4] {
  background: #80c080;
}

.data[data-v-0c58f402] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0c58f402] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0c58f402] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0c58f402] {
  background: #fa4408;
}
.correct[data-v-0c58f402] {
  background: #80c080;
}
.error[data-v-0c58f402] {
  font-size: 14px;
}

.data[data-v-57c02977] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-57c02977] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-57c02977] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-57c02977] {
  background: #fa4408;
}
.correct[data-v-57c02977] {
  background: #80c080;
}
.error[data-v-57c02977] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-e39876b8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-e39876b8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-e39876b8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e39876b8] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-e39876b8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e39876b8] {
  background: #fa4408;
}
.correct[data-v-e39876b8] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-54913cee] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-54913cee] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-54913cee] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-54913cee] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-54913cee] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-54913cee] {
  background: #fa4408;
}
.correct[data-v-54913cee] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-845519e4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-845519e4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-845519e4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-845519e4] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-845519e4] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-845519e4] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-845519e4] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

.eg-slide .eg-slide-content .figure[data-v-3ad4b803] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3ad4b803] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-3ad4b803] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-3ad4b803] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-3ad4b803] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-3ad4b803] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-3ad4b803] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-3ad4b803] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-3ad4b803] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-3ad4b803] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-3ad4b803]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-3ad4b803] {
  background-color: #80f321;
}
input:focus + .slider[data-v-3ad4b803] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-3ad4b803]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-3ad4b803] {
  border-radius: 34px;
}
.slider.round[data-v-3ad4b803]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-8a62fc0c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-8a62fc0c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-8a62fc0c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-8a62fc0c] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-8a62fc0c] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-8a62fc0c] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-8a62fc0c] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-8a62fc0c] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-8a62fc0c] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-8a62fc0c] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-8a62fc0c]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-8a62fc0c] {
  background-color: #80f321;
}
input:focus + .slider[data-v-8a62fc0c] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-8a62fc0c]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-8a62fc0c] {
  border-radius: 34px;
}
.slider.round[data-v-8a62fc0c]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-06ee7b94] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-06ee7b94] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-06ee7b94] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-06ee7b94] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-06ee7b94] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-06ee7b94] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-06ee7b94] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-06ee7b94] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-06ee7b94] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-06ee7b94] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-06ee7b94]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-06ee7b94] {
  background-color: #80f321;
}
input:focus + .slider[data-v-06ee7b94] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-06ee7b94]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-06ee7b94] {
  border-radius: 34px;
}
.slider.round[data-v-06ee7b94]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.pcontainer {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid black;
}
.themes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  min-width: 70px;
  border-radius: 0 0 0px 10px;
  height: 30px;
}

.eg-slide .eg-slide-content[data-v-48a904b2] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-48a904b2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-48a904b2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-48a904b2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-48a904b2] {
  background: #fa4408;
}
.correct[data-v-48a904b2] {
  background: #80c080;
}
.error[data-v-48a904b2] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-6110b598] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-6110b598] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6110b598] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-6110b598] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-6110b598] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6110b598] {
  background: #fa4408;
}
.correct[data-v-6110b598] {
  background: #80c080;
}
.error[data-v-6110b598] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-4505c2ea] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-4505c2ea] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4505c2ea] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-4505c2ea] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-4505c2ea] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4505c2ea] {
  background: #fa4408;
}
.correct[data-v-4505c2ea] {
  background: #80c080;
}
.error[data-v-4505c2ea] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-795e4c8a] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-795e4c8a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-795e4c8a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-795e4c8a] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-795e4c8a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-795e4c8a] {
  background: #fa4408;
}
.correct[data-v-795e4c8a] {
  background: #80c080;
}
.error[data-v-795e4c8a] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-3cf69016] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-3cf69016] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3cf69016] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-3cf69016] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-3cf69016] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3cf69016] {
  background: #fa4408;
}
.correct[data-v-3cf69016] {
  background: #80c080;
}
.error[data-v-3cf69016] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-14c5752e] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-14c5752e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-14c5752e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-14c5752e] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-14c5752e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-14c5752e] {
  background: #fa4408;
}
.correct[data-v-14c5752e] {
  background: #80c080;
}
.error[data-v-14c5752e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-4d358dd9] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-4d358dd9] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4d358dd9] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-4d358dd9] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-4d358dd9] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4d358dd9] {
  background: #fa4408;
}
.correct[data-v-4d358dd9] {
  background: #80c080;
}
.error[data-v-4d358dd9] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-861c654a] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-861c654a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-861c654a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-861c654a] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-861c654a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-861c654a] {
  background: #fa4408;
}
.correct[data-v-861c654a] {
  background: #80c080;
}
.error[data-v-861c654a] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-6e593216] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-6e593216] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6e593216] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-6e593216] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-6e593216] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6e593216] {
  background: #fa4408;
}
.correct[data-v-6e593216] {
  background: #80c080;
}
.error[data-v-6e593216] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-424b62e9] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-424b62e9] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-424b62e9] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-424b62e9] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-424b62e9] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-424b62e9] {
  background: #fa4408;
}
.correct[data-v-424b62e9] {
  background: #80c080;
}
.error[data-v-424b62e9] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-c692edb6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-c692edb6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-c692edb6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-c692edb6] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-c692edb6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-c692edb6] {
  background: #fa4408;
}
.correct[data-v-c692edb6] {
  background: #80c080;
}

.eg-slide .eg-slide-content[data-v-219c3011] {
  max-width: 100%;
}
.eg-slide .eg-slide-content .figure[data-v-219c3011] {
    width: 100%;
}
.eg-slide .eg-slide-content .figure p[data-v-219c3011] {
      font-size: 0.7em;
      color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-219c3011] {
    width: 100%;
}
.container[data-v-219c3011] {
  background-color: #eff8ff;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px auto 80px;
      grid-template-columns: 80px auto 80px;
  -ms-grid-rows: 100px 300px 80px;
      grid-template-rows: 100px 300px 80px;
}
.title[data-v-219c3011] {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: skyblue;
}
.left-pulses[data-v-219c3011] {
  width: 90px;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 4;
  justify-self: start;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.display[data-v-219c3011] {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 2;
      grid-row-start: 2;
  justify-self: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.right-pulses[data-v-219c3011] {
  width: 90px;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 4;
  justify-self: end;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.time-control[data-v-219c3011] {
  width: 30%;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 3;
      grid-row-start: 3;
  justify-self: center;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.left-input[data-v-219c3011] {
  font-size: 13px;
  display: inline-block;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
.pulse-btn[data-v-219c3011] {
  width: 100%;
}
.amplitude-btn[data-v-219c3011] {
  display: block;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
}
.amplitude-btns[data-v-219c3011] {
  width: 100%;
  margin: 0;
  padding: 0;
}
.width-btn[data-v-219c3011] {
  display: block;
  width: 100%;
  margin: 0;
}
.time-btn[data-v-219c3011] {
  width: 50px;
  margin: 2px;
}

.eg-slide .eg-slide-content[data-v-16897728] {
  max-width: 100%;
}
.eg-slide .eg-slide-content .figure[data-v-16897728] {
    width: 100%;
}
.eg-slide .eg-slide-content .figure p[data-v-16897728] {
      font-size: 0.7em;
      color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-16897728] {
    width: 100%;
}
.container[data-v-16897728] {
  background-color: #eff8ff;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px auto 80px;
      grid-template-columns: 80px auto 80px;
  -ms-grid-rows: 100px 300px 80px;
      grid-template-rows: 100px 300px 80px;
}
.title[data-v-16897728] {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: skyblue;
}
.left-pulses[data-v-16897728] {
  width: 90px;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 4;
  justify-self: start;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.display[data-v-16897728] {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 2;
      grid-row-start: 2;
  justify-self: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.right-pulses[data-v-16897728] {
  width: 90px;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 4;
  justify-self: end;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.time-control[data-v-16897728] {
  width: 30%;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 3;
      grid-row-start: 3;
  justify-self: center;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.left-input[data-v-16897728] {
  font-size: 13px;
  display: inline-block;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
.pulse-btn[data-v-16897728] {
  width: 100%;
}
.amplitude-btn[data-v-16897728] {
  display: block;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
}
.amplitude-btns[data-v-16897728] {
  width: 100%;
  margin: 0;
  padding: 0;
}
.width-btn[data-v-16897728] {
  display: block;
  width: 100%;
  margin: 0;
}
.time-btn[data-v-16897728] {
  width: 50px;
  margin: 2px;
}

.eg-slide .eg-slide-content .figure[data-v-7c2501ac] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7c2501ac] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7c2501ac] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7c2501ac] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-7c2501ac] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7c2501ac] {
  background: #fa4408;
}
.correct[data-v-7c2501ac] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-d7391792] {
  width: 100%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-d7391792] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-d7391792] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-d7391792] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-d7391792] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-d7391792] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-d7391792] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-d7391792] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-d7391792] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-d7391792] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-d7391792]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-d7391792] {
  background-color: #80f321;
}
input:focus + .slider[data-v-d7391792] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-d7391792]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-d7391792] {
  border-radius: 34px;
}
.slider.round[data-v-d7391792]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#FluidMechanics .frontpage img {
  height: 7em;
}
#FluidMechanics .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#FluidMechanics .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#FluidMechanics .quarter {
  text-align: center;
}
#FluidMechanics .quarter p {
    margin-top: 0;
    text-align: center;
}
#FluidMechanics .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#FluidMechanics .boredYet .button {
  border: none;
}
#FluidMechanics .boredYet .button.prev {
  float: left;
}
#FluidMechanics .boredYet .button.next {
  float: right;
}
#FluidMechanics img.computerkid {
  height: 6.5em;
}
#FluidMechanics a {
  color: black;
}
#FluidMechanics .parentWindow {
  border: solide 1px red;
}
#FluidMechanics #table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#FluidMechanics #desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#FluidMechanics #desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#FluidMechanics #desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 15px;
    height: 15px;
}
#FluidMechanics #desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
#FluidMechanics .eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
#FluidMechanics .pressureFormula {
  height: 5em;
}
.themes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  min-width: 70px;
  border-radius: 0 0 0px 10px;
  height: 30px;
}

.eg-slide .eg-slide-content .figure[data-v-3829a0e1] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3829a0e1] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-3829a0e1] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-3829a0e1] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-3829a0e1] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-3829a0e1] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-3829a0e1] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

.eg-slide .eg-slide-content[data-v-6a611558] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-6a611558] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6a611558] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-6a611558] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-6a611558] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6a611558] {
  background: #fa4408;
}
.correct[data-v-6a611558] {
  background: #80c080;
}
.error[data-v-6a611558] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-3991b38c] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-3991b38c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3991b38c] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-3991b38c] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-3991b38c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3991b38c] {
  background: #fa4408;
}
.correct[data-v-3991b38c] {
  background: #80c080;
}
.error[data-v-3991b38c] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-515ad9e8] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-515ad9e8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-515ad9e8] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-515ad9e8] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-515ad9e8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-515ad9e8] {
  background: #fa4408;
}
.correct[data-v-515ad9e8] {
  background: #80c080;
}
.error[data-v-515ad9e8] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-3c05f028] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-3c05f028] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3c05f028] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-3c05f028] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-3c05f028] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3c05f028] {
  background: #fa4408;
}
.correct[data-v-3c05f028] {
  background: #80c080;
}
.error[data-v-3c05f028] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-00c39898] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-00c39898] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-00c39898] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-00c39898] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-00c39898] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-00c39898] {
  background: #fa4408;
}
.correct[data-v-00c39898] {
  background: #80c080;
}
.error[data-v-00c39898] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-d2283460] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-d2283460] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d2283460] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-d2283460] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-d2283460] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d2283460] {
  background: #fa4408;
}
.correct[data-v-d2283460] {
  background: #80c080;
}
.error[data-v-d2283460] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-40fb440a] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-40fb440a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-40fb440a] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-40fb440a] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-40fb440a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-40fb440a] {
  background: #fa4408;
}
.correct[data-v-40fb440a] {
  background: #80c080;
}
.error[data-v-40fb440a] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-4f3e9d7d] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-4f3e9d7d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4f3e9d7d] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-4f3e9d7d] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-4f3e9d7d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4f3e9d7d] {
  background: #fa4408;
}
.correct[data-v-4f3e9d7d] {
  background: #80c080;
}
.error[data-v-4f3e9d7d] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-3100d5b4] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-3100d5b4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3100d5b4] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-3100d5b4] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-3100d5b4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3100d5b4] {
  background: #fa4408;
}
.correct[data-v-3100d5b4] {
  background: #80c080;
}
.error[data-v-3100d5b4] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-771c58ea] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-771c58ea] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-771c58ea] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-771c58ea] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-771c58ea] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-771c58ea] {
  background: #fa4408;
}
.correct[data-v-771c58ea] {
  background: #80c080;
}
.error[data-v-771c58ea] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-5403bd43] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-5403bd43] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5403bd43] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-5403bd43] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-5403bd43] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5403bd43] {
  background: #fa4408;
}
.correct[data-v-5403bd43] {
  background: #80c080;
}
.error[data-v-5403bd43] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-0ec7619b] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-0ec7619b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0ec7619b] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-0ec7619b] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-0ec7619b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0ec7619b] {
  background: #fa4408;
}
.correct[data-v-0ec7619b] {
  background: #80c080;
}
.error[data-v-0ec7619b] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-cd526f0e] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-cd526f0e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-cd526f0e] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-cd526f0e] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-cd526f0e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-cd526f0e] {
  background: #fa4408;
}
.correct[data-v-cd526f0e] {
  background: #80c080;
}
.error[data-v-cd526f0e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-995c23fc] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-995c23fc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-995c23fc] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-995c23fc] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-995c23fc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-995c23fc] {
  background: #fa4408;
}
.correct[data-v-995c23fc] {
  background: #80c080;
}
.error[data-v-995c23fc] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-c5f0246a] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-c5f0246a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-c5f0246a] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-c5f0246a] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-c5f0246a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-c5f0246a] {
  background: #fa4408;
}
.correct[data-v-c5f0246a] {
  background: #80c080;
}
.error[data-v-c5f0246a] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-cd1660ac] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-cd1660ac] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-cd1660ac] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-cd1660ac] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-cd1660ac] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-cd1660ac] {
  background: #fa4408;
}
.correct[data-v-cd1660ac] {
  background: #80c080;
}
.error[data-v-cd1660ac] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-446d3a55] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-446d3a55] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-446d3a55] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-446d3a55] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-446d3a55] {
  margin: auto;
  font-size: 20px;
  color: red;
  width: 60%;
}
.not-correct[data-v-446d3a55] {
  background: #fa4408;
}
.correct[data-v-446d3a55] {
  background: #80c080;
}
.error[data-v-446d3a55] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-07939261] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-07939261] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-07939261] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-07939261] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-07939261] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-07939261] {
  background: #fa4408;
}
.correct[data-v-07939261] {
  background: #80c080;
}
.error[data-v-07939261] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-3e072d8e] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-3e072d8e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3e072d8e] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-3e072d8e] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-3e072d8e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3e072d8e] {
  background: #fa4408;
}
.correct[data-v-3e072d8e] {
  background: #80c080;
}
.error[data-v-3e072d8e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-7643fcf3] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-7643fcf3] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7643fcf3] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 60%;
}
.mate[data-v-7643fcf3] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-7643fcf3] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7643fcf3] {
  background: #fa4408;
}
.correct[data-v-7643fcf3] {
  background: #80c080;
}
.error[data-v-7643fcf3] {
  font-size: 14px;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}

.eg-slide .eg-slide-content .figure[data-v-0dc193ec] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0dc193ec] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-0dc193ec] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-0dc193ec] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-0dc193ec] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-0dc193ec] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-0dc193ec] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

.svg-display[data-v-385e8f84] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-385e8f84] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-385e8f84] {
  float: left;
}
li a[data-v-385e8f84], .dropbtn[data-v-385e8f84] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-385e8f84]:hover, .dropdown:hover .dropbtn[data-v-385e8f84] {
  background-color: red;
}
li.dropdown[data-v-385e8f84] {
  display: inline-block;
}
.dropdown-content[data-v-385e8f84] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-385e8f84] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-385e8f84]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-385e8f84] {
  display: block;
}
button[data-v-385e8f84] {
  width: 200px;
  height: 40px;
}

.eg-slide .eg-slide-content[data-v-8d3e7086] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-8d3e7086] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-8d3e7086] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-8d3e7086] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-8d3e7086] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-8d3e7086] {
  background: #fa4408;
}
.correct[data-v-8d3e7086] {
  background: #80c080;
}
.error[data-v-8d3e7086] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-5c6f0eba] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-5c6f0eba] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5c6f0eba] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-5c6f0eba] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-5c6f0eba] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5c6f0eba] {
  background: #fa4408;
}
.correct[data-v-5c6f0eba] {
  background: #80c080;
}
.error[data-v-5c6f0eba] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-66d8ef35] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-66d8ef35] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-66d8ef35] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-66d8ef35] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-66d8ef35] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-66d8ef35] {
  background: #fa4408;
}
.correct[data-v-66d8ef35] {
  background: #80c080;
}
.error[data-v-66d8ef35] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-1f9eeadf] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-1f9eeadf] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1f9eeadf] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-1f9eeadf] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-1f9eeadf] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1f9eeadf] {
  background: #fa4408;
}
.correct[data-v-1f9eeadf] {
  background: #80c080;
}
.error[data-v-1f9eeadf] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-3991a32a] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-3991a32a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3991a32a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-3991a32a] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-3991a32a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3991a32a] {
  background: #fa4408;
}
.correct[data-v-3991a32a] {
  background: #80c080;
}
.error[data-v-3991a32a] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-f5058f8e] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-f5058f8e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f5058f8e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-f5058f8e] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-f5058f8e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f5058f8e] {
  background: #fa4408;
}
.correct[data-v-f5058f8e] {
  background: #80c080;
}
.error[data-v-f5058f8e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-6f08ba24] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-6f08ba24] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6f08ba24] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-6f08ba24] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-6f08ba24] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6f08ba24] {
  background: #fa4408;
}
.correct[data-v-6f08ba24] {
  background: #80c080;
}
.error[data-v-6f08ba24] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-42760cb4] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-42760cb4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-42760cb4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-42760cb4] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-42760cb4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-42760cb4] {
  background: #fa4408;
}
.correct[data-v-42760cb4] {
  background: #80c080;
}
.error[data-v-42760cb4] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-1499d06b] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-1499d06b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1499d06b] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-1499d06b] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-1499d06b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1499d06b] {
  background: #fa4408;
}
.correct[data-v-1499d06b] {
  background: #80c080;
}
.error[data-v-1499d06b] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-99f9b418] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-99f9b418] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-99f9b418] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-99f9b418] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-99f9b418] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-99f9b418] {
  background: #fa4408;
}
.correct[data-v-99f9b418] {
  background: #80c080;
}
.error[data-v-99f9b418] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-956e338c] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-956e338c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-956e338c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-956e338c] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-956e338c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-956e338c] {
  background: #fa4408;
}
.correct[data-v-956e338c] {
  background: #80c080;
}
.error[data-v-956e338c] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-700c8a92] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-700c8a92] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-700c8a92] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-700c8a92] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-700c8a92] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-700c8a92] {
  background: #fa4408;
}
.correct[data-v-700c8a92] {
  background: #80c080;
}
.error[data-v-700c8a92] {
  font-size: 14px;
}

.eg-slide .eg-slide-content[data-v-8414e0a0] {
  width: 100%;
  max-width: 100%;
}
.data[data-v-8414e0a0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-8414e0a0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 22px;
  color: blue;
  width: 100%;
}
.mate[data-v-8414e0a0] {
  font-family: 'New Times Roman';
  font-style: italic;
  font-size: 30px;
}
.solution[data-v-8414e0a0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-8414e0a0] {
  background: #fa4408;
}
.correct[data-v-8414e0a0] {
  background: #80c080;
}
.error[data-v-8414e0a0] {
  font-size: 14px;
}

.svg-display[data-v-2b5aa473] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-2b5aa473] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-2b5aa473] {
  float: left;
}
li a[data-v-2b5aa473], .dropbtn[data-v-2b5aa473] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-2b5aa473]:hover, .dropdown:hover .dropbtn[data-v-2b5aa473] {
  background-color: red;
}
li.dropdown[data-v-2b5aa473] {
  display: inline-block;
}
.dropdown-content[data-v-2b5aa473] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-2b5aa473] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-2b5aa473]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-2b5aa473] {
  display: block;
}
button[data-v-2b5aa473] {
  width: 200px;
  height: 40px;
}
.data[data-v-2b5aa473] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2b5aa473] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2b5aa473] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2b5aa473] {
  background: #fa4408;
}
.correct[data-v-2b5aa473] {
  background: #80c080;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 10em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 10em;
  height: 5em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
.language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0px 0px 0px 0px;
}

.data[data-v-4c3016c0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4c3016c0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4c3016c0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4c3016c0] {
  background: #fa4408;
}
.correct[data-v-4c3016c0] {
  background: #80c080;
}
.error[data-v-4c3016c0] {
  font-size: 14px;
}

.data[data-v-6497c7a6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6497c7a6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6497c7a6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6497c7a6] {
  background: #fa4408;
}
.correct[data-v-6497c7a6] {
  background: #80c080;
}
.error[data-v-6497c7a6] {
  font-size: 14px;
}

.data[data-v-f9deed10] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f9deed10] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-f9deed10] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f9deed10] {
  background: #fa4408;
}
.correct[data-v-f9deed10] {
  background: #80c080;
}
.error[data-v-f9deed10] {
  font-size: 14px;
}

.data[data-v-328d0788] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-328d0788] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-328d0788] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-328d0788] {
  background: #fa4408;
}
.correct[data-v-328d0788] {
  background: #80c080;
}
.error[data-v-328d0788] {
  font-size: 14px;
}

.data[data-v-ab5c8070] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ab5c8070] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-ab5c8070] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ab5c8070] {
  background: #fa4408;
}
.correct[data-v-ab5c8070] {
  background: #80c080;
}
.error[data-v-ab5c8070] {
  font-size: 14px;
}

.data[data-v-184c873c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-184c873c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-184c873c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-184c873c] {
  background: #fa4408;
}
.correct[data-v-184c873c] {
  background: #80c080;
}
.error[data-v-184c873c] {
  font-size: 14px;
}

.data[data-v-e97f5732] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e97f5732] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-e97f5732] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e97f5732] {
  background: #fa4408;
}
.correct[data-v-e97f5732] {
  background: #80c080;
}
.error[data-v-e97f5732] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-0a06d82e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0a06d82e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0a06d82e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0a06d82e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0a06d82e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0a06d82e] {
  background: #fa4408;
}
.correct[data-v-0a06d82e] {
  background: #80c080;
}

.data[data-v-48973c70] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-48973c70] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-48973c70] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-48973c70] {
  background: #fa4408;
}
.correct[data-v-48973c70] {
  background: #80c080;
}
.error[data-v-48973c70] {
  font-size: 14px;
}

.data[data-v-45d274f7] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-45d274f7] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-45d274f7] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-45d274f7] {
  background: #fa4408;
}
.correct[data-v-45d274f7] {
  background: #80c080;
}
.error[data-v-45d274f7] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-20049457] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-20049457] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-20049457] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-20049457] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-20049457] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-20049457] {
  background: #fa4408;
}
.correct[data-v-20049457] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-4a6f8ea2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4a6f8ea2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4a6f8ea2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4a6f8ea2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4a6f8ea2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4a6f8ea2] {
  background: #fa4408;
}
.correct[data-v-4a6f8ea2] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-687e2a8d] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-687e2a8d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-687e2a8d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-687e2a8d] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-687e2a8d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-687e2a8d] {
  background: #fa4408;
}
.correct[data-v-687e2a8d] {
  background: #80c080;
}

.data[data-v-fb0d5fd4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-fb0d5fd4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-fb0d5fd4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-fb0d5fd4] {
  background: #fa4408;
}
.correct[data-v-fb0d5fd4] {
  background: #80c080;
}
.error[data-v-fb0d5fd4] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-5121f937] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5121f937] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5121f937] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5121f937] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5121f937] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5121f937] {
  background: #fa4408;
}
.correct[data-v-5121f937] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-4d8edb16] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4d8edb16] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4d8edb16] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4d8edb16] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4d8edb16] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4d8edb16] {
  background: #fa4408;
}
.correct[data-v-4d8edb16] {
  background: #80c080;
}

.data[data-v-5a321ac1] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5a321ac1] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5a321ac1] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5a321ac1] {
  background: #fa4408;
}
.correct[data-v-5a321ac1] {
  background: #80c080;
}
.error[data-v-5a321ac1] {
  font-size: 14px;
}

.data[data-v-528a1716] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-528a1716] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-528a1716] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-528a1716] {
  background: #fa4408;
}
.correct[data-v-528a1716] {
  background: #80c080;
}
.error[data-v-528a1716] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-0d2e8fa2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0d2e8fa2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0d2e8fa2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0d2e8fa2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0d2e8fa2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0d2e8fa2] {
  background: #fa4408;
}
.correct[data-v-0d2e8fa2] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-4244d407] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4244d407] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4244d407] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4244d407] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4244d407] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4244d407] {
  background: #fa4408;
}
.correct[data-v-4244d407] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-eaa7ebe2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-eaa7ebe2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-eaa7ebe2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-eaa7ebe2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-eaa7ebe2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-eaa7ebe2] {
  background: #fa4408;
}
.correct[data-v-eaa7ebe2] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-3a135f60] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3a135f60] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-3a135f60] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-3a135f60] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-3a135f60] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-3a135f60] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-3a135f60] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

.eg-slide .eg-slide-content .figure[data-v-d02af376] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-d02af376] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-d02af376] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-d02af376] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-d02af376] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-d02af376] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-d02af376] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-d02af376] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-d02af376] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-d02af376] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-d02af376]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-d02af376] {
  background-color: #80f321;
}
input:focus + .slider[data-v-d02af376] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-d02af376]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-d02af376] {
  border-radius: 34px;
}
.slider.round[data-v-d02af376]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-1b2d16bc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-1b2d16bc] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-1b2d16bc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-1b2d16bc] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-1b2d16bc] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-1b2d16bc] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-1b2d16bc] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-1b2d16bc] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-1b2d16bc] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-1b2d16bc] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-1b2d16bc]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-1b2d16bc] {
  background-color: #80f321;
}
input:focus + .slider[data-v-1b2d16bc] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-1b2d16bc]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-1b2d16bc] {
  border-radius: 34px;
}
.slider.round[data-v-1b2d16bc]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-f42d72dc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-f42d72dc] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-f42d72dc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-f42d72dc] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-f42d72dc] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-f42d72dc] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-f42d72dc] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-f42d72dc] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-f42d72dc] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-f42d72dc] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-f42d72dc]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-f42d72dc] {
  background-color: #80f321;
}
input:focus + .slider[data-v-f42d72dc] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-f42d72dc]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-f42d72dc] {
  border-radius: 34px;
}
.slider.round[data-v-f42d72dc]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}

.data[data-v-894a2496] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-894a2496] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-894a2496] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-894a2496] {
  background: #fa4408;
}
.correct[data-v-894a2496] {
  background: #80c080;
}
.error[data-v-894a2496] {
  font-size: 14px;
}

.data[data-v-587ac2ca] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-587ac2ca] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-587ac2ca] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-587ac2ca] {
  background: #fa4408;
}
.correct[data-v-587ac2ca] {
  background: #80c080;
}
.error[data-v-587ac2ca] {
  font-size: 14px;
}

.data[data-v-5a3d11a6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5a3d11a6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5a3d11a6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5a3d11a6] {
  background: #fa4408;
}
.correct[data-v-5a3d11a6] {
  background: #80c080;
}
.error[data-v-5a3d11a6] {
  font-size: 14px;
}

.data[data-v-5ce983e7] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5ce983e7] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5ce983e7] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5ce983e7] {
  background: #fa4408;
}
.correct[data-v-5ce983e7] {
  background: #80c080;
}
.error[data-v-5ce983e7] {
  font-size: 14px;
}

.data[data-v-2081c773] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2081c773] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2081c773] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2081c773] {
  background: #fa4408;
}
.correct[data-v-2081c773] {
  background: #80c080;
}
.error[data-v-2081c773] {
  font-size: 14px;
}

.data[data-v-f111439e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f111439e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-f111439e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f111439e] {
  background: #fa4408;
}
.correct[data-v-f111439e] {
  background: #80c080;
}
.error[data-v-f111439e] {
  font-size: 14px;
}

.data[data-v-49dd7bc8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-49dd7bc8] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-49dd7bc8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-49dd7bc8] {
  background: #fa4408;
}
.correct[data-v-49dd7bc8] {
  background: #80c080;
}
.error[data-v-49dd7bc8] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-4acd819e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4acd819e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4acd819e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4acd819e] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-4acd819e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4acd819e] {
  background: #fa4408;
}
.correct[data-v-4acd819e] {
  background: #80c080;
}

.data[data-v-51e46973] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-51e46973] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-51e46973] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-51e46973] {
  background: #fa4408;
}
.correct[data-v-51e46973] {
  background: #80c080;
}
.error[data-v-51e46973] {
  font-size: 14px;
}

.data[data-v-96056828] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-96056828] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-96056828] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-96056828] {
  background: #fa4408;
}
.correct[data-v-96056828] {
  background: #80c080;
}
.error[data-v-96056828] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-6b5d457c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-6b5d457c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-6b5d457c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6b5d457c] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-6b5d457c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6b5d457c] {
  background: #fa4408;
}
.correct[data-v-6b5d457c] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-f5d5fccc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-f5d5fccc] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-f5d5fccc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f5d5fccc] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-f5d5fccc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f5d5fccc] {
  background: #fa4408;
}
.correct[data-v-f5d5fccc] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-9a873690] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-9a873690] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-9a873690] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-9a873690] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-9a873690] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-9a873690] {
  background: #fa4408;
}
.correct[data-v-9a873690] {
  background: #80c080;
}

.data[data-v-6690eb7e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6690eb7e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6690eb7e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6690eb7e] {
  background: #fa4408;
}
.correct[data-v-6690eb7e] {
  background: #80c080;
}
.error[data-v-6690eb7e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-1f2364a8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-1f2364a8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-1f2364a8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1f2364a8] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-1f2364a8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1f2364a8] {
  background: #fa4408;
}
.correct[data-v-1f2364a8] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2649a0ea] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2649a0ea] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2649a0ea] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2649a0ea] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2649a0ea] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2649a0ea] {
  background: #fa4408;
}
.correct[data-v-2649a0ea] {
  background: #80c080;
}

.data[data-v-57bb25f6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-57bb25f6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-57bb25f6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-57bb25f6] {
  background: #fa4408;
}
.correct[data-v-57bb25f6] {
  background: #80c080;
}
.error[data-v-57bb25f6] {
  font-size: 14px;
}

.data[data-v-20f92ea0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-20f92ea0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-20f92ea0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-20f92ea0] {
  background: #fa4408;
}
.correct[data-v-20f92ea0] {
  background: #80c080;
}
.error[data-v-20f92ea0] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-576cc9cd] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-576cc9cd] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-576cc9cd] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-576cc9cd] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-576cc9cd] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-576cc9cd] {
  background: #fa4408;
}
.correct[data-v-576cc9cd] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-26dcc61c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-26dcc61c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-26dcc61c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-26dcc61c] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-26dcc61c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-26dcc61c] {
  background: #fa4408;
}
.correct[data-v-26dcc61c] {
  background: #80c080;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}

.data[data-v-258e7c85] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-258e7c85] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 70%;
}
.solution[data-v-258e7c85] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-258e7c85] {
  background: #fa4408;
}
.correct[data-v-258e7c85] {
  background: #80c080;
}
.error[data-v-258e7c85] {
  font-size: 14px;
}

.data[data-v-3df62d6b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3df62d6b] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 70%;
}
.solution[data-v-3df62d6b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3df62d6b] {
  background: #fa4408;
}
.correct[data-v-3df62d6b] {
  background: #80c080;
}
.error[data-v-3df62d6b] {
  font-size: 14px;
}

.data[data-v-7e6c91fd] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7e6c91fd] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-7e6c91fd] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7e6c91fd] {
  background: #fa4408;
}
.correct[data-v-7e6c91fd] {
  background: #80c080;
}
.error[data-v-7e6c91fd] {
  font-size: 14px;
}

.data[data-v-3927cf17] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3927cf17] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-3927cf17] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3927cf17] {
  background: #fa4408;
}
.correct[data-v-3927cf17] {
  background: #80c080;
}
.error[data-v-3927cf17] {
  font-size: 14px;
}

.data[data-v-067fdaba] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-067fdaba] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-067fdaba] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-067fdaba] {
  background: #fa4408;
}
.correct[data-v-067fdaba] {
  background: #80c080;
}
.error[data-v-067fdaba] {
  font-size: 14px;
}

.data[data-v-1caa25fe] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1caa25fe] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-1caa25fe] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1caa25fe] {
  background: #fa4408;
}
.correct[data-v-1caa25fe] {
  background: #80c080;
}
.error[data-v-1caa25fe] {
  font-size: 14px;
}

.data[data-v-f2c74628] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f2c74628] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-f2c74628] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f2c74628] {
  background: #fa4408;
}
.correct[data-v-f2c74628] {
  background: #80c080;
}
.error[data-v-f2c74628] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-134ec724] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-134ec724] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-134ec724] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-134ec724] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-134ec724] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-134ec724] {
  background: #fa4408;
}
.correct[data-v-134ec724] {
  background: #80c080;
}

.data[data-v-2e22b4a3] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2e22b4a3] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-2e22b4a3] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2e22b4a3] {
  background: #fa4408;
}
.correct[data-v-2e22b4a3] {
  background: #80c080;
}
.error[data-v-2e22b4a3] {
  font-size: 14px;
}

.data[data-v-1f30dabc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1f30dabc] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-1f30dabc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1f30dabc] {
  background: #fa4408;
}
.correct[data-v-1f30dabc] {
  background: #80c080;
}
.error[data-v-1f30dabc] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-dfacc71c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-dfacc71c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-dfacc71c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-dfacc71c] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-dfacc71c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-dfacc71c] {
  background: #fa4408;
}
.correct[data-v-dfacc71c] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-4aed40ca] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4aed40ca] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4aed40ca] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4aed40ca] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 80%;
}
.solution[data-v-4aed40ca] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4aed40ca] {
  background: #fa4408;
}
.correct[data-v-4aed40ca] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-638197e8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-638197e8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-638197e8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-638197e8] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-638197e8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-638197e8] {
  background: #fa4408;
}
.correct[data-v-638197e8] {
  background: #80c080;
}

.data[data-v-7d7cbd71] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7d7cbd71] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-7d7cbd71] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7d7cbd71] {
  background: #fa4408;
}
.correct[data-v-7d7cbd71] {
  background: #80c080;
}
.error[data-v-7d7cbd71] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-34c41708] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-34c41708] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-34c41708] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-34c41708] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-34c41708] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-34c41708] {
  background: #fa4408;
}
.correct[data-v-34c41708] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-3bea534a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3bea534a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3bea534a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3bea534a] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3bea534a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3bea534a] {
  background: #fa4408;
}
.correct[data-v-3bea534a] {
  background: #80c080;
}

.data[data-v-80c74e74] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-80c74e74] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-80c74e74] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-80c74e74] {
  background: #fa4408;
}
.correct[data-v-80c74e74] {
  background: #80c080;
}
.error[data-v-80c74e74] {
  font-size: 14px;
}

.data[data-v-5c833c60] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5c833c60] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5c833c60] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5c833c60] {
  background: #fa4408;
}
.correct[data-v-5c833c60] {
  background: #80c080;
}
.error[data-v-5c833c60] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-0831fcfd] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0831fcfd] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0831fcfd] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0831fcfd] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0831fcfd] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0831fcfd] {
  background: #fa4408;
}
.correct[data-v-0831fcfd] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-9b2c47bc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-9b2c47bc] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-9b2c47bc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-9b2c47bc] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-9b2c47bc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-9b2c47bc] {
  background: #fa4408;
}
.correct[data-v-9b2c47bc] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-77724b95] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-77724b95] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-77724b95] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-77724b95] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-77724b95] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-77724b95] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-77724b95] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

.eg-slide .eg-slide-content .figure[data-v-7148ec0a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7148ec0a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-7148ec0a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-7148ec0a] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-7148ec0a] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-7148ec0a] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-7148ec0a] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-7148ec0a] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-7148ec0a] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-7148ec0a] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-7148ec0a]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-7148ec0a] {
  background-color: #80f321;
}
input:focus + .slider[data-v-7148ec0a] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-7148ec0a]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-7148ec0a] {
  border-radius: 34px;
}
.slider.round[data-v-7148ec0a]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-fed1567e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-fed1567e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-fed1567e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-fed1567e] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-fed1567e] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-fed1567e] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-fed1567e] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-fed1567e] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-fed1567e] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-fed1567e] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-fed1567e]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-fed1567e] {
  background-color: #80f321;
}
input:focus + .slider[data-v-fed1567e] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-fed1567e]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-fed1567e] {
  border-radius: 34px;
}
.slider.round[data-v-fed1567e]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-fe269826] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-fe269826] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-fe269826] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-fe269826] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-fe269826] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-fe269826] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-fe269826] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-fe269826] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-fe269826] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-fe269826] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-fe269826]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-fe269826] {
  background-color: #80f321;
}
input:focus + .slider[data-v-fe269826] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-fe269826]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-fe269826] {
  border-radius: 34px;
}
.slider.round[data-v-fe269826]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}

.data[data-v-36525c74] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-36525c74] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-36525c74] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-36525c74] {
  background: #fa4408;
}
.correct[data-v-36525c74] {
  background: #80c080;
}
.error[data-v-36525c74] {
  font-size: 14px;
}

.data[data-v-4eba0d5a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4eba0d5a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4eba0d5a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4eba0d5a] {
  background: #fa4408;
}
.correct[data-v-4eba0d5a] {
  background: #80c080;
}
.error[data-v-4eba0d5a] {
  font-size: 14px;
}

.data[data-v-6db8322c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6db8322c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6db8322c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6db8322c] {
  background: #fa4408;
}
.correct[data-v-6db8322c] {
  background: #80c080;
}
.error[data-v-6db8322c] {
  font-size: 14px;
}

.data[data-v-40dfed08] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-40dfed08] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-40dfed08] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-40dfed08] {
  background: #fa4408;
}
.correct[data-v-40dfed08] {
  background: #80c080;
}
.error[data-v-40dfed08] {
  font-size: 14px;
}

.data[data-v-04783094] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-04783094] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-04783094] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-04783094] {
  background: #fa4408;
}
.correct[data-v-04783094] {
  background: #80c080;
}
.error[data-v-04783094] {
  font-size: 14px;
}

.data[data-v-026eccf0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-026eccf0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-026eccf0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-026eccf0] {
  background: #fa4408;
}
.correct[data-v-026eccf0] {
  background: #80c080;
}
.error[data-v-026eccf0] {
  font-size: 14px;
}

.data[data-v-75e7fd1b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-75e7fd1b] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-75e7fd1b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-75e7fd1b] {
  background: #fa4408;
}
.correct[data-v-75e7fd1b] {
  background: #80c080;
}
.error[data-v-75e7fd1b] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-34b786c6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-34b786c6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-34b786c6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-34b786c6] {
  margin: 15px 20px 15px 20px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-34b786c6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-34b786c6] {
  background: #fa4408;
}
.correct[data-v-34b786c6] {
  background: #80c080;
}

.data[data-v-35dad294] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-35dad294] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-35dad294] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-35dad294] {
  background: #fa4408;
}
.correct[data-v-35dad294] {
  background: #80c080;
}
.error[data-v-35dad294] {
  font-size: 14px;
}

.data[data-v-2ff4baab] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2ff4baab] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2ff4baab] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2ff4baab] {
  background: #fa4408;
}
.correct[data-v-2ff4baab] {
  background: #80c080;
}
.error[data-v-2ff4baab] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-eb5bfbba] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-eb5bfbba] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-eb5bfbba] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-eb5bfbba] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-eb5bfbba] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-eb5bfbba] {
  background: #fa4408;
}
.correct[data-v-eb5bfbba] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-4515a67b] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4515a67b] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4515a67b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4515a67b] {
  margin: 15px 20px 15px 20px;
  font-size: 35px;
  color: blue;
  width: 100%;
}
.solution[data-v-4515a67b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4515a67b] {
  background: #fa4408;
}
.correct[data-v-4515a67b] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-75275559] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-75275559] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-75275559] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-75275559] {
  margin: 15px 20px 15px 20px;
  font-size: 35px;
  color: blue;
  width: 100%;
}
.solution[data-v-75275559] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-75275559] {
  background: #fa4408;
}
.correct[data-v-75275559] {
  background: #80c080;
}

.data[data-v-e1bb0a3c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e1bb0a3c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-e1bb0a3c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e1bb0a3c] {
  background: #fa4408;
}
.correct[data-v-e1bb0a3c] {
  background: #80c080;
}
.error[data-v-e1bb0a3c] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-308244eb] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-308244eb] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-308244eb] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-308244eb] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-308244eb] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-308244eb] {
  background: #fa4408;
}
.correct[data-v-308244eb] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2cef26ca] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2cef26ca] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2cef26ca] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2cef26ca] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2cef26ca] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2cef26ca] {
  background: #fa4408;
}
.correct[data-v-2cef26ca] {
  background: #80c080;
}

.data[data-v-3aa36d16] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3aa36d16] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3aa36d16] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3aa36d16] {
  background: #fa4408;
}
.correct[data-v-3aa36d16] {
  background: #80c080;
}
.error[data-v-3aa36d16] {
  font-size: 14px;
}

.data[data-v-3937c17e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3937c17e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3937c17e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3937c17e] {
  background: #fa4408;
}
.correct[data-v-3937c17e] {
  background: #80c080;
}
.error[data-v-3937c17e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-19d7ba6e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-19d7ba6e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-19d7ba6e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-19d7ba6e] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-19d7ba6e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-19d7ba6e] {
  background: #fa4408;
}
.correct[data-v-19d7ba6e] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-a6db7c5a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-a6db7c5a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-a6db7c5a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-a6db7c5a] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-a6db7c5a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-a6db7c5a] {
  background: #fa4408;
}
.correct[data-v-a6db7c5a] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-fa07c6e4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-fa07c6e4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}

.eg-theme-gourmet {
  /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
  /* Tomorrow Comment */
  /* Tomorrow Red */
  /* Tomorrow Orange */
  /* Tomorrow Yellow */
  /* Tomorrow Green */
  /* Tomorrow Blue */
  /* Tomorrow Purple */
}
.eg-theme-gourmet .eg-slideshow {
  background-image: url(../../static/img/handmadepaper.c0d8859.png);
}
.eg-theme-gourmet .eg-slideshow h3 {
  margin-top: 0.3em;
  margin-bottom: -0.1em;
}
.eg-theme-gourmet .eg-slide-content, .eg-theme-gourmet .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-gourmet h1, .eg-theme-gourmet h2, .eg-theme-gourmet h3, .eg-theme-gourmet h4 {
  font-family: 'Bad Script', cursive;
  font-weight: normal;
}
.eg-theme-gourmet p, .eg-theme-gourmet li, .eg-theme-gourmet .button {
  font-family: 'Architects Daughter', cursive;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 2em;
}
.eg-theme-gourmet h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-gourmet .hljs-comment,
.eg-theme-gourmet .hljs-quote {
  color: #8e908c;
}
.eg-theme-gourmet .hljs-variable,
.eg-theme-gourmet .hljs-template-variable,
.eg-theme-gourmet .hljs-tag,
.eg-theme-gourmet .hljs-name,
.eg-theme-gourmet .hljs-selector-id,
.eg-theme-gourmet .hljs-selector-class,
.eg-theme-gourmet .hljs-regexp,
.eg-theme-gourmet .hljs-deletion {
  color: #c82829;
}
.eg-theme-gourmet .hljs-number,
.eg-theme-gourmet .hljs-built_in,
.eg-theme-gourmet .hljs-builtin-name,
.eg-theme-gourmet .hljs-literal,
.eg-theme-gourmet .hljs-type,
.eg-theme-gourmet .hljs-params,
.eg-theme-gourmet .hljs-meta,
.eg-theme-gourmet .hljs-link {
  color: #f5871f;
}
.eg-theme-gourmet .hljs-attribute {
  color: #eab700;
}
.eg-theme-gourmet .hljs-string,
.eg-theme-gourmet .hljs-symbol,
.eg-theme-gourmet .hljs-bullet,
.eg-theme-gourmet .hljs-addition {
  color: #718c00;
}
.eg-theme-gourmet .hljs-title,
.eg-theme-gourmet .hljs-section {
  color: #4271ae;
}
.eg-theme-gourmet .hljs-keyword,
.eg-theme-gourmet .hljs-selector-tag {
  color: #8959a8;
}
.eg-theme-gourmet .hljs {
  display: block;
  overflow-x: auto;
  background: white;
  color: #4d4d4c;
  padding: 0.5em;
}
.eg-theme-gourmet .hljs-emphasis {
  font-style: italic;
}
.eg-theme-gourmet .hljs-strong {
  font-weight: bold;
}
.eg-theme-gourmet .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-gourmet .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-gourmet .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-gourmet .eg-modal h1, .eg-theme-gourmet .eg-modal h2, .eg-theme-gourmet .eg-modal h3, .eg-theme-gourmet .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-gourmet .eg-modal img {
  box-shadow: 0 0 4px 4px #888;
}
.eg-theme-gourmet .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: 2em;
  border: 1px solid gray;
  padding: 0.5em 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
}
.eg-theme-gourmet .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-gourmet .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-gourmet .eg-switch .unchecked {
  color: #bbbbbb;
}
.eg-theme-gourmet .eg-radio {
  margin-right: 1em;
}
.eg-theme-gourmet .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-gourmet .eg-radio .radiodot {
  background-color: #ffb014;
}
.eg-theme-gourmet .shadowbox {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .embedded-slideshow .eg-slideshow {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .half {
  width: 50%;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#Relativity .frontpage img {
  height: 7em;
}
#Relativity .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#Relativity .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#Relativity .quarter {
  text-align: center;
}
#Relativity .quarter p {
    margin-top: 0;
    text-align: center;
}
#Relativity .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#Relativity .boredYet .button {
  border: none;
}
#Relativity .boredYet .button.prev {
  float: left;
}
#Relativity .boredYet .button.next {
  float: right;
}
#Relativity img.computerkid {
  height: 6.5em;
}
#Relativity a {
  color: black;
}
#Relativity .parentWindow {
  border: solide 1px red;
}
#Relativity #table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#Relativity #desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#Relativity #desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#Relativity #desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 15px;
    height: 15px;
}
#Relativity #desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
#Relativity .eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
#Relativity .pressureFormula {
  height: 5em;
}

.eg-slide .eg-slide-content .figure[data-v-459b0be9] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-459b0be9] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-459b0be9] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-459b0be9] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-459b0be9] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-459b0be9] {
  background: #fa4408;
}
.correct[data-v-459b0be9] {
  background: #80c080;
}
.error[data-v-459b0be9] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-5e02bccf] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-5e02bccf] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5e02bccf] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5e02bccf] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5e02bccf] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5e02bccf] {
  background: #fa4408;
}
.correct[data-v-5e02bccf] {
  background: #80c080;
}
.error[data-v-5e02bccf] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-64da4f3e] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-64da4f3e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-64da4f3e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-64da4f3e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-64da4f3e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-64da4f3e] {
  background: #fa4408;
}
.correct[data-v-64da4f3e] {
  background: #80c080;
}
.error[data-v-64da4f3e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-1aad2c33] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-1aad2c33] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-1aad2c33] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1aad2c33] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-1aad2c33] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1aad2c33] {
  background: #fa4408;
}
.correct[data-v-1aad2c33] {
  background: #80c080;
}
.error[data-v-1aad2c33] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-43752082] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-43752082] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-43752082] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-43752082] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-43752082] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-43752082] {
  background: #fa4408;
}
.correct[data-v-43752082] {
  background: #80c080;
}
.error[data-v-43752082] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-11b77c65] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-11b77c65] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-11b77c65] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-11b77c65] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-11b77c65] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-11b77c65] {
  background: #fa4408;
}
.correct[data-v-11b77c65] {
  background: #80c080;
}
.error[data-v-11b77c65] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-547ab960] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-547ab960] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-547ab960] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-547ab960] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-547ab960] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-547ab960] {
  background: #fa4408;
}
.correct[data-v-547ab960] {
  background: #80c080;
}
.error[data-v-547ab960] {
  font-size: 14px;
}

.data[data-v-457ee2d2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-457ee2d2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-457ee2d2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-457ee2d2] {
  background: #fa4408;
}
.correct[data-v-457ee2d2] {
  background: #80c080;
}
.error[data-v-457ee2d2] {
  font-size: 14px;
}

.data[data-v-0fa811bf] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0fa811bf] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0fa811bf] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0fa811bf] {
  background: #fa4408;
}
.correct[data-v-0fa811bf] {
  background: #80c080;
}
.error[data-v-0fa811bf] {
  font-size: 14px;
}

.data[data-v-3f3d6a20] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3f3d6a20] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3f3d6a20] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3f3d6a20] {
  background: #fa4408;
}
.correct[data-v-3f3d6a20] {
  background: #80c080;
}
.error[data-v-3f3d6a20] {
  font-size: 14px;
}

.data[data-v-25cc228e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-25cc228e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-25cc228e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-25cc228e] {
  background: #fa4408;
}
.correct[data-v-25cc228e] {
  background: #80c080;
}
.error[data-v-25cc228e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-7a2bca44] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7a2bca44] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7a2bca44] {
  display: -ms-flexbox;
  display: flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 30px;
  height: 40px;
  font-size: 35px;
  color: white;
}
.problem[data-v-7a2bca44] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-7a2bca44] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7a2bca44] {
  background: #fa4408;
}
.correct[data-v-7a2bca44] {
  background: #80c080;
}
.m0[data-v-7a2bca44] {
  margin: 0;
}
.mr[data-v-7a2bca44] {
  margin: 0 5px 0 0;
}
.ml[data-v-7a2bca44] {
  margin: 0 0 0 5px;
}
.md[data-v-7a2bca44] {
  margin: 0 0 5px 0;
}
.mu[data-v-7a2bca44] {
  margin: 0 0 5px 0;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#Relativity .frontpage img {
  height: 7em;
}
#Relativity .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#Relativity .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#Relativity .quarter {
  text-align: center;
}
#Relativity .quarter p {
    margin-top: 0;
    text-align: center;
}
#Relativity .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#Relativity .boredYet .button {
  border: none;
}
#Relativity .boredYet .button.prev {
  float: left;
}
#Relativity .boredYet .button.next {
  float: right;
}
#Relativity img.computerkid {
  height: 6.5em;
}
#Relativity a {
  color: black;
}
#Relativity .parentWindow {
  border: solide 1px red;
}
#Relativity #table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#Relativity #desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#Relativity #desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#Relativity #desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 15px;
    height: 15px;
}
#Relativity #desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
#Relativity .eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
#Relativity .pressureFormula {
  height: 5em;
}
.language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0px 0px 0px 0px;
}

.data[data-v-55f61d5a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-55f61d5a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-55f61d5a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-55f61d5a] {
  background: #fa4408;
}
.correct[data-v-55f61d5a] {
  background: #80c080;
}
.error[data-v-55f61d5a] {
  font-size: 14px;
}

.data[data-v-6e5dce40] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6e5dce40] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 30px;
  color: blue;
  width: 90%;
}
.solution[data-v-6e5dce40] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6e5dce40] {
  background: #fa4408;
}
.correct[data-v-6e5dce40] {
  background: #80c080;
}
.error[data-v-6e5dce40] {
  font-size: 14px;
}

.data[data-v-336f5192] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-336f5192] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-336f5192] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-336f5192] {
  background: #fa4408;
}
.correct[data-v-336f5192] {
  background: #80c080;
}
.error[data-v-336f5192] {
  font-size: 14px;
}

.data[data-v-15b448e2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-15b448e2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-15b448e2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-15b448e2] {
  background: #fa4408;
}
.correct[data-v-15b448e2] {
  background: #80c080;
}
.error[data-v-15b448e2] {
  font-size: 14px;
}

.data[data-v-4d66e724] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4d66e724] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4d66e724] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4d66e724] {
  background: #fa4408;
}
.correct[data-v-4d66e724] {
  background: #80c080;
}
.error[data-v-4d66e724] {
  font-size: 14px;
}

.data[data-v-22128dd6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-22128dd6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-22128dd6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-22128dd6] {
  background: #fa4408;
}
.correct[data-v-22128dd6] {
  background: #80c080;
}
.error[data-v-22128dd6] {
  font-size: 14px;
}

.data[data-v-3b9f1c81] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3b9f1c81] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3b9f1c81] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3b9f1c81] {
  background: #fa4408;
}
.correct[data-v-3b9f1c81] {
  background: #80c080;
}
.error[data-v-3b9f1c81] {
  font-size: 14px;
}

.data[data-v-a94947fa] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-a94947fa] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-a94947fa] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-a94947fa] {
  background: #fa4408;
}
.correct[data-v-a94947fa] {
  background: #80c080;
}
.error[data-v-a94947fa] {
  font-size: 14px;
}

.data[data-v-0aaf2e6e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0aaf2e6e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0aaf2e6e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0aaf2e6e] {
  background: #fa4408;
}
.correct[data-v-0aaf2e6e] {
  background: #80c080;
}
.error[data-v-0aaf2e6e] {
  font-size: 14px;
}

.data[data-v-4f987b91] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4f987b91] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4f987b91] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4f987b91] {
  background: #fa4408;
}
.correct[data-v-4f987b91] {
  background: #80c080;
}
.error[data-v-4f987b91] {
  font-size: 14px;
}

.data[data-v-7b7ecf7d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7b7ecf7d] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-7b7ecf7d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7b7ecf7d] {
  background: #fa4408;
}
.correct[data-v-7b7ecf7d] {
  background: #80c080;
}
.error[data-v-7b7ecf7d] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-c7b7cec0] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-c7b7cec0] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-c7b7cec0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-c7b7cec0] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-c7b7cec0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-c7b7cec0] {
  background: #fa4408;
}
.correct[data-v-c7b7cec0] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2f12b67c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2f12b67c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2f12b67c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2f12b67c] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-2f12b67c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2f12b67c] {
  background: #fa4408;
}
.correct[data-v-2f12b67c] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0fca0419] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0fca0419] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0fca0419] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0fca0419] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-0fca0419] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0fca0419] {
  background: #fa4408;
}
.correct[data-v-0fca0419] {
  background: #80c080;
}
.time-btn[data-v-0fca0419] {
  width: 55px;
  font-size: 10px;
}

.eg-slide .eg-slide-content .figure[data-v-b587ec02] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-b587ec02] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-b587ec02] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-b587ec02] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-b587ec02] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-b587ec02] {
  background: #fa4408;
}
.correct[data-v-b587ec02] {
  background: #80c080;
}
.time-btn[data-v-b587ec02] {
  width: 55px;
  font-size: 10px;
}

.eg-slide .eg-slide-content .figure[data-v-fdbce662] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-fdbce662] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-fdbce662] {
  display: -ms-flexbox;
  display: flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 30px;
  height: 40px;
  font-size: 35px;
  color: white;
}
.problem[data-v-fdbce662] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-fdbce662] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-fdbce662] {
  background: #fa4408;
}
.correct[data-v-fdbce662] {
  background: #80c080;
}
.m0[data-v-fdbce662] {
  margin: 0;
}
.mr[data-v-fdbce662] {
  margin: 0 5px 0 0;
}
.ml[data-v-fdbce662] {
  margin: 0 0 0 5px;
}
.md[data-v-fdbce662] {
  margin: 0 0 5px 0;
}
.mu[data-v-fdbce662] {
  margin: 0 0 5px 0;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#Relativity .frontpage img {
  height: 7em;
}
#Relativity .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#Relativity .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#Relativity .quarter {
  text-align: center;
}
#Relativity .quarter p {
    margin-top: 0;
    text-align: center;
}
#Relativity .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#Relativity .boredYet .button {
  border: none;
}
#Relativity .boredYet .button.prev {
  float: left;
}
#Relativity .boredYet .button.next {
  float: right;
}
#Relativity img.computerkid {
  height: 6.5em;
}
#Relativity a {
  color: black;
}
#Relativity .parentWindow {
  border: solide 1px red;
}
#Relativity #table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#Relativity #desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#Relativity #desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#Relativity #desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 15px;
    height: 15px;
}
#Relativity #desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
#Relativity .eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
#Relativity .pressureFormula {
  height: 5em;
}

.eg-slide .eg-slide-content .figure[data-v-62195237] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-62195237] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-62195237] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-62195237] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 70%;
}
.solution[data-v-62195237] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-62195237] {
  background: #fa4408;
}
.correct[data-v-62195237] {
  background: #80c080;
}
.error[data-v-62195237] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-7a81031d] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7a81031d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7a81031d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7a81031d] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 70%;
}
.solution[data-v-7a81031d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7a81031d] {
  background: #fa4408;
}
.correct[data-v-7a81031d] {
  background: #80c080;
}
.error[data-v-7a81031d] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-78ce79a2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-78ce79a2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-78ce79a2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-78ce79a2] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 70%;
}
.solution[data-v-78ce79a2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-78ce79a2] {
  background: #fa4408;
}
.correct[data-v-78ce79a2] {
  background: #80c080;
}
.error[data-v-78ce79a2] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-e410a0b6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-e410a0b6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-e410a0b6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e410a0b6] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 70%;
}
.solution[data-v-e410a0b6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e410a0b6] {
  background: #fa4408;
}
.correct[data-v-e410a0b6] {
  background: #80c080;
}
.error[data-v-e410a0b6] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-518ff331] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-518ff331] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-518ff331] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-518ff331] {
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 30px;
  color: blue;
  width: 70%;
}
.solution[data-v-518ff331] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-518ff331] {
  background: #fa4408;
}
.correct[data-v-518ff331] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2e35c2b3] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2e35c2b3] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2e35c2b3] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2e35c2b3] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-2e35c2b3] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2e35c2b3] {
  background: #fa4408;
}
.correct[data-v-2e35c2b3] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-686ee3c4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-686ee3c4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-686ee3c4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-686ee3c4] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-686ee3c4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-686ee3c4] {
  background: #fa4408;
}
.correct[data-v-686ee3c4] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-3b84cda0] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3b84cda0] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3b84cda0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3b84cda0] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-3b84cda0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3b84cda0] {
  background: #fa4408;
}
.correct[data-v-3b84cda0] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-fa1ad59e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-fa1ad59e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-fa1ad59e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-fa1ad59e] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-fa1ad59e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-fa1ad59e] {
  background: #fa4408;
}
.correct[data-v-fa1ad59e] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-5bbbb06e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5bbbb06e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5bbbb06e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5bbbb06e] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-5bbbb06e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5bbbb06e] {
  background: #fa4408;
}
.correct[data-v-5bbbb06e] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-1ef8dd00] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-1ef8dd00] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-1ef8dd00] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1ef8dd00] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-1ef8dd00] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1ef8dd00] {
  background: #fa4408;
}
.correct[data-v-1ef8dd00] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2c4d8a3d] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2c4d8a3d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2c4d8a3d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2c4d8a3d] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-2c4d8a3d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2c4d8a3d] {
  background: #fa4408;
}
.correct[data-v-2c4d8a3d] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-5d7b66c5] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5d7b66c5] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5d7b66c5] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5d7b66c5] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-5d7b66c5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5d7b66c5] {
  background: #fa4408;
}
.correct[data-v-5d7b66c5] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-10ed3e40] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-10ed3e40] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-10ed3e40] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-10ed3e40] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-10ed3e40] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-10ed3e40] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-10ed3e40] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-10ed3e40] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-10ed3e40] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-10ed3e40] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-10ed3e40]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-10ed3e40] {
  background-color: #80f321;
}
input:focus + .slider[data-v-10ed3e40] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-10ed3e40]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-10ed3e40] {
  border-radius: 34px;
}
.slider.round[data-v-10ed3e40]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}
.caseSelected[data-v-10ed3e40] {
  fill: #80f321;
}
.caseNonSelected[data-v-10ed3e40] {
  fill: #ff0000;
}

.eg-slide .eg-slide-content .figure[data-v-f9988fa8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-f9988fa8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-f9988fa8] {
  display: -ms-flexbox;
  display: flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 30px;
  height: 40px;
  font-size: 35px;
  color: white;
}
.problem[data-v-f9988fa8] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-f9988fa8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f9988fa8] {
  background: #fa4408;
}
.correct[data-v-f9988fa8] {
  background: #80c080;
}
.m0[data-v-f9988fa8] {
  margin: 0;
}
.mr[data-v-f9988fa8] {
  margin: 0 5px 0 0;
}
.ml[data-v-f9988fa8] {
  margin: 0 0 0 5px;
}
.md[data-v-f9988fa8] {
  margin: 0 0 5px 0;
}
.mu[data-v-f9988fa8] {
  margin: 0 0 5px 0;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#Relativity .frontpage img {
  height: 7em;
}
#Relativity .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#Relativity .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#Relativity .quarter {
  text-align: center;
}
#Relativity .quarter p {
    margin-top: 0;
    text-align: center;
}
#Relativity .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#Relativity .boredYet .button {
  border: none;
}
#Relativity .boredYet .button.prev {
  float: left;
}
#Relativity .boredYet .button.next {
  float: right;
}
#Relativity img.computerkid {
  height: 6.5em;
}
#Relativity a {
  color: black;
}
#Relativity .parentWindow {
  border: solide 1px red;
}
#Relativity #table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#Relativity #desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#Relativity #desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#Relativity #desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 15px;
    height: 15px;
}
#Relativity #desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
#Relativity .eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
#Relativity .pressureFormula {
  height: 5em;
}

.eg-slide .eg-slide-content .figure[data-v-894bc942] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-894bc942] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-894bc942] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-894bc942] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-894bc942] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-894bc942] {
  background: #fa4408;
}
.correct[data-v-894bc942] {
  background: #80c080;
}
.error[data-v-894bc942] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-587c6776] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-587c6776] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-587c6776] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-587c6776] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-587c6776] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-587c6776] {
  background: #fa4408;
}
.correct[data-v-587c6776] {
  background: #80c080;
}
.error[data-v-587c6776] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-60683b52] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-60683b52] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-60683b52] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-60683b52] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-60683b52] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-60683b52] {
  background: #fa4408;
}
.correct[data-v-60683b52] {
  background: #80c080;
}
.error[data-v-60683b52] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-5cd00b7d] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-5cd00b7d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5cd00b7d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5cd00b7d] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5cd00b7d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5cd00b7d] {
  background: #fa4408;
}
.correct[data-v-5cd00b7d] {
  background: #80c080;
}
.error[data-v-5cd00b7d] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-20684f09] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-20684f09] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-20684f09] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-20684f09] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-20684f09] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-20684f09] {
  background: #fa4408;
}
.correct[data-v-20684f09] {
  background: #80c080;
}
.error[data-v-20684f09] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-f112e84a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-f112e84a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-f112e84a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f112e84a] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-f112e84a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f112e84a] {
  background: #fa4408;
}
.correct[data-v-f112e84a] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-5008a574] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5008a574] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5008a574] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5008a574] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-5008a574] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5008a574] {
  background: #fa4408;
}
.correct[data-v-5008a574] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-47b7ecc8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-47b7ecc8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-47b7ecc8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-47b7ecc8] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-47b7ecc8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-47b7ecc8] {
  background: #fa4408;
}
.correct[data-v-47b7ecc8] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-51caf109] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-51caf109] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-51caf109] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-51caf109] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-51caf109] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-51caf109] {
  background: #fa4408;
}
.correct[data-v-51caf109] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-96070cd4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-96070cd4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-96070cd4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-96070cd4] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-96070cd4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-96070cd4] {
  background: #fa4408;
}
.correct[data-v-96070cd4] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-6ab45758] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-6ab45758] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-6ab45758] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6ab45758] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-6ab45758] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6ab45758] {
  background: #fa4408;
}
.correct[data-v-6ab45758] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-3880a965] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3880a965] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3880a965] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3880a965] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-3880a965] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3880a965] {
  background: #fa4408;
}
.correct[data-v-3880a965] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-50a7a6c6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-50a7a6c6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-50a7a6c6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-50a7a6c6] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-50a7a6c6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-50a7a6c6] {
  background: #fa4408;
}
.correct[data-v-50a7a6c6] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-01515558] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-01515558] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-01515558] {
  display: -ms-flexbox;
  display: flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 30px;
  height: 40px;
  font-size: 35px;
  color: white;
}
.problem[data-v-01515558] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-01515558] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-01515558] {
  background: #fa4408;
}
.correct[data-v-01515558] {
  background: #80c080;
}
.m0[data-v-01515558] {
  margin: 0;
}
.mr[data-v-01515558] {
  margin: 0 5px 0 0;
}
.ml[data-v-01515558] {
  margin: 0 0 0 5px;
}
.md[data-v-01515558] {
  margin: 0 0 5px 0;
}
.mu[data-v-01515558] {
  margin: 0 0 5px 0;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#Relativity .frontpage img {
  height: 7em;
}
#Relativity .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#Relativity .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#Relativity .quarter {
  text-align: center;
}
#Relativity .quarter p {
    margin-top: 0;
    text-align: center;
}
#Relativity .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#Relativity .boredYet .button {
  border: none;
}
#Relativity .boredYet .button.prev {
  float: left;
}
#Relativity .boredYet .button.next {
  float: right;
}
#Relativity img.computerkid {
  height: 6.5em;
}
#Relativity a {
  color: black;
}
#Relativity .parentWindow {
  border: solide 1px red;
}
#Relativity #table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#Relativity #desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#Relativity #desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#Relativity #desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 15px;
    height: 15px;
}
#Relativity #desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
#Relativity .eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
#Relativity .pressureFormula {
  height: 5em;
}

.eg-slide .eg-slide-content .figure[data-v-1a98f8f0] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-1a98f8f0] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-1a98f8f0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1a98f8f0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-1a98f8f0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1a98f8f0] {
  background: #fa4408;
}
.correct[data-v-1a98f8f0] {
  background: #80c080;
}
.error[data-v-1a98f8f0] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-0b1b346e] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-0b1b346e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0b1b346e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0b1b346e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0b1b346e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0b1b346e] {
  background: #fa4408;
}
.correct[data-v-0b1b346e] {
  background: #80c080;
}
.error[data-v-0b1b346e] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-d3283780] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-d3283780] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-d3283780] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d3283780] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-d3283780] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d3283780] {
  background: #fa4408;
}
.correct[data-v-d3283780] {
  background: #80c080;
}
.error[data-v-d3283780] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-10a3a874] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-10a3a874] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-10a3a874] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-10a3a874] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-10a3a874] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-10a3a874] {
  background: #fa4408;
}
.correct[data-v-10a3a874] {
  background: #80c080;
}
.error[data-v-10a3a874] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-57882800] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-57882800] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-57882800] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-57882800] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-57882800] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-57882800] {
  background: #fa4408;
}
.correct[data-v-57882800] {
  background: #80c080;
}
.error[data-v-57882800] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-826017f8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-826017f8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-826017f8] {
  display: inline-block;
  width: 30px;
  height: 25px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-826017f8] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-826017f8] {
  position: absolute;
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-826017f8] {
  background: #fa4408;
}
.correct[data-v-826017f8] {
  background: #F0E1CE;
  border: 0;
}
.element[data-v-826017f8] {
  position: relative;
  width: 60px;
  height: 50px;
}
.container[data-v-826017f8] {
  background-image: url(../../static/img/problemSix.45d1b26.png);
  background-repeat: no-repeat;
  background-size: 460px 500px;
}
.elem[data-v-826017f8] {
  font-family: Times;
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 30px;
  margin: 0;
  width: 30px;
  height: 25px;
}
.masic[data-v-826017f8] {
  font-family: Times;
  font-size: 10px;
  position: absolute;
  top: 8px;
  right: 25px;
  margin: 0;
  width: 20px;
  height: 13px;
}
.atomic[data-v-826017f8] {
  font-family: Times;
  font-size: 10px;
  position: absolute;
  right: 25px;
  margin: 0;
  width: 20px;
  height: 13px;
  top: 24px;
}

.eg-slide .eg-slide-content .figure[data-v-c2c8a1a2] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-c2c8a1a2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-c2c8a1a2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-c2c8a1a2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-c2c8a1a2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-c2c8a1a2] {
  background: #fa4408;
}
.correct[data-v-c2c8a1a2] {
  background: #80c080;
}
.error[data-v-c2c8a1a2] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-0e57eeb1] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-0e57eeb1] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0e57eeb1] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0e57eeb1] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0e57eeb1] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0e57eeb1] {
  background: #fa4408;
}
.correct[data-v-0e57eeb1] {
  background: #80c080;
}
.error[data-v-0e57eeb1] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-059e8e00] {
  width: 100%;
  margin-left: 0%;
}
.eg-slide .eg-slide-content .figure p[data-v-059e8e00] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-059e8e00] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-059e8e00] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-059e8e00] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-059e8e00] {
  background: #fa4408;
}
.correct[data-v-059e8e00] {
  background: #80c080;
}
.error[data-v-059e8e00] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-27543c82] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-27543c82] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-27543c82] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-27543c82] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-27543c82] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-27543c82] {
  background: #fa4408;
}
.correct[data-v-27543c82] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-7814928f] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7814928f] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7814928f] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7814928f] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-7814928f] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7814928f] {
  background: #fa4408;
}
.correct[data-v-7814928f] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-01bea964] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-01bea964] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-01bea964] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-01bea964] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-01bea964] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-01bea964] {
  background: #fa4408;
}
.correct[data-v-01bea964] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-35e73058] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-35e73058] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-35e73058] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-35e73058] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-35e73058] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-35e73058] {
  background: #fa4408;
}
.correct[data-v-35e73058] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-92158c06] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-92158c06] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-92158c06] {
  display: -ms-flexbox;
  display: flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 30px;
  height: 40px;
  font-size: 35px;
  color: white;
}
.problem[data-v-92158c06] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 95%;
}
.solution[data-v-92158c06] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-92158c06] {
  background: #fa4408;
}
.correct[data-v-92158c06] {
  background: #80c080;
}
.m0[data-v-92158c06] {
  margin: 0;
}
.mr[data-v-92158c06] {
  margin: 0 5px 0 0;
}
.ml[data-v-92158c06] {
  margin: 0 0 0 5px;
}
.md[data-v-92158c06] {
  margin: 0 0 5px 0;
}
.mu[data-v-92158c06] {
  margin: 0 0 5px 0;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
.pcontainer {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid black;
}
.themes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  min-width: 70px;
  border-radius: 0 0 0px 10px;
  height: 20px;
}

.data[data-v-43b6d4d4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-43b6d4d4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-43b6d4d4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-43b6d4d4] {
  background: #fa4408;
}
.correct[data-v-43b6d4d4] {
  background: #80c080;
}
.error[data-v-43b6d4d4] {
  font-size: 14px;
}

.data[data-v-12e77308] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-12e77308] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-12e77308] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-12e77308] {
  background: #fa4408;
}
.correct[data-v-12e77308] {
  background: #80c080;
}
.error[data-v-12e77308] {
  font-size: 14px;
}

.data[data-v-69e0aace] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-69e0aace] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-69e0aace] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-69e0aace] {
  background: #fa4408;
}
.correct[data-v-69e0aace] {
  background: #80c080;
}
.error[data-v-69e0aace] {
  font-size: 14px;
}

.data[data-v-d9564fb4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d9564fb4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-d9564fb4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d9564fb4] {
  background: #fa4408;
}
.correct[data-v-d9564fb4] {
  background: #80c080;
}
.error[data-v-d9564fb4] {
  font-size: 14px;
}

.data[data-v-56ed1bb2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-56ed1bb2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-56ed1bb2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-56ed1bb2] {
  background: #fa4408;
}
.correct[data-v-56ed1bb2] {
  background: #80c080;
}
.error[data-v-56ed1bb2] {
  font-size: 14px;
}

.data[data-v-ab7df3dc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ab7df3dc] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-ab7df3dc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ab7df3dc] {
  background: #fa4408;
}
.correct[data-v-ab7df3dc] {
  background: #80c080;
}
.error[data-v-ab7df3dc] {
  font-size: 14px;
}

.data[data-v-721075bd] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-721075bd] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-721075bd] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-721075bd] {
  background: #fa4408;
}
.correct[data-v-721075bd] {
  background: #80c080;
}
.error[data-v-721075bd] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-3c669582] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3c669582] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3c669582] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3c669582] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3c669582] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3c669582] {
  background: #fa4408;
}
.correct[data-v-3c669582] {
  background: #80c080;
}

.data[data-v-ef60849c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ef60849c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-ef60849c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ef60849c] {
  background: #fa4408;
}
.correct[data-v-ef60849c] {
  background: #80c080;
}
.error[data-v-ef60849c] {
  font-size: 14px;
}

.data[data-v-50721866] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-50721866] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-50721866] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-50721866] {
  background: #fa4408;
}
.correct[data-v-50721866] {
  background: #80c080;
}
.error[data-v-50721866] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-13389dc1] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-13389dc1] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-13389dc1] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-13389dc1] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-13389dc1] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-13389dc1] {
  background: #fa4408;
}
.correct[data-v-13389dc1] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-64077bce] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-64077bce] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-64077bce] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-64077bce] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-64077bce] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-64077bce] {
  background: #fa4408;
}
.correct[data-v-64077bce] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-5ed58177] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5ed58177] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5ed58177] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5ed58177] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-5ed58177] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5ed58177] {
  background: #fa4408;
}
.correct[data-v-5ed58177] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-78d0a700] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-78d0a700] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-78d0a700] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-78d0a700] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-78d0a700] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-78d0a700] {
  background: #fa4408;
}
.correct[data-v-78d0a700] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-7721c5e6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7721c5e6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7721c5e6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7721c5e6] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-7721c5e6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7721c5e6] {
  background: #fa4408;
}
.correct[data-v-7721c5e6] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-7e480228] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7e480228] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7e480228] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7e480228] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-7e480228] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7e480228] {
  background: #fa4408;
}
.correct[data-v-7e480228] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2ec5a117] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2ec5a117] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2ec5a117] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2ec5a117] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2ec5a117] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2ec5a117] {
  background: #fa4408;
}
.correct[data-v-2ec5a117] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-65db6942] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-65db6942] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-65db6942] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-65db6942] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-65db6942] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-65db6942] {
  background: #fa4408;
}
.correct[data-v-65db6942] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0385e68c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0385e68c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0385e68c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0385e68c] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0385e68c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0385e68c] {
  background: #fa4408;
}
.correct[data-v-0385e68c] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-3578dd71] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3578dd71] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3578dd71] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3578dd71] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3578dd71] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3578dd71] {
  background: #fa4408;
}
.correct[data-v-3578dd71] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-5f3f9065] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5f3f9065] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5f3f9065] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5f3f9065] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-5f3f9065] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5f3f9065] {
  background: #fa4408;
}
.correct[data-v-5f3f9065] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-77a7414b] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-77a7414b] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-77a7414b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-77a7414b] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-77a7414b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-77a7414b] {
  background: #fa4408;
}
.correct[data-v-77a7414b] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-10282ddd] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-10282ddd] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-10282ddd] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-10282ddd] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-10282ddd] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-10282ddd] {
  background: #fa4408;
}
.correct[data-v-10282ddd] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-35993737] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-35993737] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-35993737] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-35993737] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-35993737] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-35993737] {
  background: #fa4408;
}
.correct[data-v-35993737] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0d9d0a7a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0d9d0a7a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0d9d0a7a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0d9d0a7a] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0d9d0a7a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0d9d0a7a] {
  background: #fa4408;
}
.correct[data-v-0d9d0a7a] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2b5c00e1] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2b5c00e1] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2b5c00e1] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2b5c00e1] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2b5c00e1] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2b5c00e1] {
  background: #fa4408;
}
.correct[data-v-2b5c00e1] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-1857f8cc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-1857f8cc] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-1857f8cc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1857f8cc] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-1857f8cc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1857f8cc] {
  background: #fa4408;
}
.correct[data-v-1857f8cc] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-efd78f64] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-efd78f64] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-efd78f64] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-efd78f64] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-efd78f64] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-efd78f64] {
  background: #fa4408;
}
.correct[data-v-efd78f64] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2a941cc3] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2a941cc3] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2a941cc3] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2a941cc3] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2a941cc3] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2a941cc3] {
  background: #fa4408;
}
.correct[data-v-2a941cc3] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0ed8063c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0ed8063c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0ed8063c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0ed8063c] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0ed8063c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0ed8063c] {
  background: #fa4408;
}
.correct[data-v-0ed8063c] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-108f6f54] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-108f6f54] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-108f6f54] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-108f6f54] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-108f6f54] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-108f6f54] {
  background: #fa4408;
}
.correct[data-v-108f6f54] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-28f7203a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-28f7203a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-28f7203a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-28f7203a] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-28f7203a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-28f7203a] {
  background: #fa4408;
}
.correct[data-v-28f7203a] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-a607e5e8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-a607e5e8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-a607e5e8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-a607e5e8] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-a607e5e8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-a607e5e8] {
  background: #fa4408;
}
.correct[data-v-a607e5e8] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-a37593b0] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-a37593b0] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-a37593b0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-a37593b0] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-a37593b0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-a37593b0] {
  background: #fa4408;
}
.correct[data-v-a37593b0] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-71dd79b4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-71dd79b4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-71dd79b4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-71dd79b4] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-71dd79b4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-71dd79b4] {
  background: #fa4408;
}
.correct[data-v-71dd79b4] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-46a84060] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-46a84060] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-46a84060] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-46a84060] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-46a84060] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-46a84060] {
  background: #fa4408;
}
.correct[data-v-46a84060] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-95a8500a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-95a8500a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-95a8500a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-95a8500a] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-95a8500a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-95a8500a] {
  background: #fa4408;
}
.correct[data-v-95a8500a] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-24e8177d] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-24e8177d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-24e8177d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-24e8177d] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-24e8177d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-24e8177d] {
  background: #fa4408;
}
.correct[data-v-24e8177d] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-b97fc898] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-b97fc898] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-b97fc898] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-b97fc898] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-b97fc898] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-b97fc898] {
  background: #fa4408;
}
.correct[data-v-b97fc898] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-ee061eaa] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-ee061eaa] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-ee061eaa] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ee061eaa] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-ee061eaa] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ee061eaa] {
  background: #fa4408;
}
.correct[data-v-ee061eaa] {
  background: #80c080;
}

.data[data-v-3d5c61ae] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3d5c61ae] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3d5c61ae] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3d5c61ae] {
  background: #fa4408;
}
.correct[data-v-3d5c61ae] {
  background: #80c080;
}
.error[data-v-3d5c61ae] {
  font-size: 14px;
}

.data[data-v-0c4b8c20] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0c4b8c20] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0c4b8c20] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0c4b8c20] {
  background: #fa4408;
}
.correct[data-v-0c4b8c20] {
  background: #80c080;
}
.error[data-v-0c4b8c20] {
  font-size: 14px;
}

.data[data-v-0adad50c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0adad50c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0adad50c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0adad50c] {
  background: #fa4408;
}
.correct[data-v-0adad50c] {
  background: #80c080;
}
.error[data-v-0adad50c] {
  font-size: 14px;
}

.data[data-v-7c8c31d0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7c8c31d0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-7c8c31d0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7c8c31d0] {
  background: #fa4408;
}
.correct[data-v-7c8c31d0] {
  background: #80c080;
}
.error[data-v-7c8c31d0] {
  font-size: 14px;
}

.data[data-v-45b8d846] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-45b8d846] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-45b8d846] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-45b8d846] {
  background: #fa4408;
}
.correct[data-v-45b8d846] {
  background: #80c080;
}
.error[data-v-45b8d846] {
  font-size: 14px;
}

.data[data-v-5d5ead7b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5d5ead7b] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5d5ead7b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5d5ead7b] {
  background: #fa4408;
}
.correct[data-v-5d5ead7b] {
  background: #80c080;
}
.error[data-v-5d5ead7b] {
  font-size: 14px;
}

.data[data-v-9de10d42] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-9de10d42] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-9de10d42] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-9de10d42] {
  background: #fa4408;
}
.correct[data-v-9de10d42] {
  background: #80c080;
}
.error[data-v-9de10d42] {
  font-size: 14px;
}

.data[data-v-f16d5a62] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f16d5a62] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-f16d5a62] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f16d5a62] {
  background: #fa4408;
}
.correct[data-v-f16d5a62] {
  background: #80c080;
}
.error[data-v-f16d5a62] {
  font-size: 14px;
}

.data[data-v-ca47574e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ca47574e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-ca47574e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ca47574e] {
  background: #fa4408;
}
.correct[data-v-ca47574e] {
  background: #80c080;
}
.error[data-v-ca47574e] {
  font-size: 14px;
}

.data[data-v-d1829d64] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d1829d64] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-d1829d64] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d1829d64] {
  background: #fa4408;
}
.correct[data-v-d1829d64] {
  background: #80c080;
}
.error[data-v-d1829d64] {
  font-size: 14px;
}

.data[data-v-3a9f5cd6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3a9f5cd6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3a9f5cd6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3a9f5cd6] {
  background: #fa4408;
}
.correct[data-v-3a9f5cd6] {
  background: #80c080;
}
.error[data-v-3a9f5cd6] {
  font-size: 14px;
}

.data[data-v-801ff160] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-801ff160] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-801ff160] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-801ff160] {
  background: #fa4408;
}
.correct[data-v-801ff160] {
  background: #80c080;
}
.error[data-v-801ff160] {
  font-size: 14px;
}

.data[data-v-34425a69] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-34425a69] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-34425a69] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-34425a69] {
  background: #fa4408;
}
.correct[data-v-34425a69] {
  background: #80c080;
}
.error[data-v-34425a69] {
  font-size: 14px;
}

.data[data-v-cb4c7b28] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-cb4c7b28] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-cb4c7b28] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-cb4c7b28] {
  background: #fa4408;
}
.correct[data-v-cb4c7b28] {
  background: #80c080;
}
.error[data-v-cb4c7b28] {
  font-size: 14px;
}

.data[data-v-2dea179b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2dea179b] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2dea179b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2dea179b] {
  background: #fa4408;
}
.correct[data-v-2dea179b] {
  background: #80c080;
}
.error[data-v-2dea179b] {
  font-size: 14px;
}

.data[data-v-08f00989] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-08f00989] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-08f00989] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-08f00989] {
  background: #fa4408;
}
.correct[data-v-08f00989] {
  background: #80c080;
}
.error[data-v-08f00989] {
  font-size: 14px;
}

.data[data-v-798064d2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-798064d2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-798064d2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-798064d2] {
  background: #fa4408;
}
.correct[data-v-798064d2] {
  background: #80c080;
}
.error[data-v-798064d2] {
  font-size: 14px;
}

.data[data-v-64bfbdb5] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-64bfbdb5] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-64bfbdb5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-64bfbdb5] {
  background: #fa4408;
}
.correct[data-v-64bfbdb5] {
  background: #80c080;
}
.error[data-v-64bfbdb5] {
  font-size: 14px;
}

.data[data-v-2a003448] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2a003448] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2a003448] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2a003448] {
  background: #fa4408;
}
.correct[data-v-2a003448] {
  background: #80c080;
}
.error[data-v-2a003448] {
  font-size: 14px;
}

.data[data-v-efdd7dd4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-efdd7dd4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-efdd7dd4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-efdd7dd4] {
  background: #fa4408;
}
.correct[data-v-efdd7dd4] {
  background: #80c080;
}
.error[data-v-efdd7dd4] {
  font-size: 14px;
}

.data[data-v-885e71f0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-885e71f0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-885e71f0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-885e71f0] {
  background: #fa4408;
}
.correct[data-v-885e71f0] {
  background: #80c080;
}
.error[data-v-885e71f0] {
  font-size: 14px;
}

.data[data-v-145a0e93] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-145a0e93] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-145a0e93] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-145a0e93] {
  background: #fa4408;
}
.correct[data-v-145a0e93] {
  background: #80c080;
}
.error[data-v-145a0e93] {
  font-size: 14px;
}

.data[data-v-0982f7dd] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0982f7dd] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0982f7dd] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0982f7dd] {
  background: #fa4408;
}
.correct[data-v-0982f7dd] {
  background: #80c080;
}
.error[data-v-0982f7dd] {
  font-size: 14px;
}

.data[data-v-53143cfa] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-53143cfa] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-53143cfa] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-53143cfa] {
  background: #fa4408;
}
.correct[data-v-53143cfa] {
  background: #80c080;
}
.error[data-v-53143cfa] {
  font-size: 14px;
}

.data[data-v-2ffdeed1] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2ffdeed1] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2ffdeed1] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2ffdeed1] {
  background: #fa4408;
}
.correct[data-v-2ffdeed1] {
  background: #80c080;
}
.error[data-v-2ffdeed1] {
  font-size: 14px;
}

.data[data-v-0f9595b4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0f9595b4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0f9595b4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0f9595b4] {
  background: #fa4408;
}
.correct[data-v-0f9595b4] {
  background: #80c080;
}
.error[data-v-0f9595b4] {
  font-size: 14px;
}

.data[data-v-4c2e9f86] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4c2e9f86] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4c2e9f86] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4c2e9f86] {
  background: #fa4408;
}
.correct[data-v-4c2e9f86] {
  background: #80c080;
}
.error[data-v-4c2e9f86] {
  font-size: 14px;
}

.data[data-v-63b19ed6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-63b19ed6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-63b19ed6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-63b19ed6] {
  background: #fa4408;
}
.correct[data-v-63b19ed6] {
  background: #80c080;
}
.error[data-v-63b19ed6] {
  font-size: 14px;
}

.data[data-v-1299e54c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1299e54c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-1299e54c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1299e54c] {
  background: #fa4408;
}
.correct[data-v-1299e54c] {
  background: #80c080;
}
.error[data-v-1299e54c] {
  font-size: 14px;
}

.data[data-v-1ff54b3a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1ff54b3a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-1ff54b3a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1ff54b3a] {
  background: #fa4408;
}
.correct[data-v-1ff54b3a] {
  background: #80c080;
}
.error[data-v-1ff54b3a] {
  font-size: 14px;
}

.data[data-v-36e746a9] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-36e746a9] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-36e746a9] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-36e746a9] {
  background: #fa4408;
}
.correct[data-v-36e746a9] {
  background: #80c080;
}
.error[data-v-36e746a9] {
  font-size: 14px;
}

.data[data-v-3adeea2c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3adeea2c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3adeea2c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3adeea2c] {
  background: #fa4408;
}
.correct[data-v-3adeea2c] {
  background: #80c080;
}
.error[data-v-3adeea2c] {
  font-size: 14px;
}

.data[data-v-6f4785d2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6f4785d2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6f4785d2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6f4785d2] {
  background: #fa4408;
}
.correct[data-v-6f4785d2] {
  background: #80c080;
}
.error[data-v-6f4785d2] {
  font-size: 14px;
}

.data[data-v-44c1cd40] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-44c1cd40] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-44c1cd40] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-44c1cd40] {
  background: #fa4408;
}
.correct[data-v-44c1cd40] {
  background: #80c080;
}
.error[data-v-44c1cd40] {
  font-size: 14px;
}

.data[data-v-69acaec0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-69acaec0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-69acaec0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-69acaec0] {
  background: #fa4408;
}
.correct[data-v-69acaec0] {
  background: #80c080;
}
.error[data-v-69acaec0] {
  font-size: 14px;
}

.data[data-v-63f999c0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-63f999c0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-63f999c0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-63f999c0] {
  background: #fa4408;
}
.correct[data-v-63f999c0] {
  background: #80c080;
}
.error[data-v-63f999c0] {
  font-size: 14px;
}

.data[data-v-3198e6e6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3198e6e6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3198e6e6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3198e6e6] {
  background: #fa4408;
}
.correct[data-v-3198e6e6] {
  background: #80c080;
}
.error[data-v-3198e6e6] {
  font-size: 14px;
}

.data[data-v-51f87090] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-51f87090] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-51f87090] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-51f87090] {
  background: #fa4408;
}
.correct[data-v-51f87090] {
  background: #80c080;
}
.error[data-v-51f87090] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-29df051b] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-29df051b] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-29df051b] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-29df051b] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-29df051b] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-29df051b] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-29df051b] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-29df051b] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-29df051b] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-29df051b] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-29df051b]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-29df051b] {
  background-color: #80f321;
}
input:focus + .slider[data-v-29df051b] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-29df051b]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-29df051b] {
  border-radius: 34px;
}
.slider.round[data-v-29df051b]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-207ec5dc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-207ec5dc] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-207ec5dc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-207ec5dc] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-207ec5dc] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-207ec5dc] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-207ec5dc] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-207ec5dc] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-207ec5dc] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-207ec5dc] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-207ec5dc]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-207ec5dc] {
  background-color: #80f321;
}
input:focus + .slider[data-v-207ec5dc] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-207ec5dc]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-207ec5dc] {
  border-radius: 34px;
}
.slider.round[data-v-207ec5dc]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-7c409d7c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7c409d7c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-7c409d7c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-7c409d7c] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-7c409d7c] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-7c409d7c] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-7c409d7c] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-7c409d7c] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-7c409d7c] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-7c409d7c] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-7c409d7c]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-7c409d7c] {
  background-color: #80f321;
}
input:focus + .slider[data-v-7c409d7c] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-7c409d7c]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-7c409d7c] {
  border-radius: 34px;
}
.slider.round[data-v-7c409d7c]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
.pcontainer {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid black;
}
.themes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  min-width: 70px;
  border-radius: 0 0 0px 10px;
  height: 20px;
}

.eg-slide .eg-slide-content .figure[data-v-4a646b12] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4a646b12] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4a646b12] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4a646b12] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-4a646b12] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4a646b12] {
  background: #fa4408;
}
.correct[data-v-4a646b12] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-739a337e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-739a337e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-739a337e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-739a337e] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-739a337e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-739a337e] {
  background: #fa4408;
}
.correct[data-v-739a337e] {
  background: #80c080;
}

.data[data-v-98c9465a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-98c9465a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-98c9465a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-98c9465a] {
  background: #fa4408;
}
.correct[data-v-98c9465a] {
  background: #80c080;
}
.error[data-v-98c9465a] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-ce66c432] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-ce66c432] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-ce66c432] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ce66c432] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-ce66c432] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ce66c432] {
  background: #fa4408;
}
.correct[data-v-ce66c432] {
  background: #80c080;
}

.data[data-v-976fef1c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-976fef1c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-976fef1c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-976fef1c] {
  background: #fa4408;
}
.correct[data-v-976fef1c] {
  background: #80c080;
}
.error[data-v-976fef1c] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-d64c3c80] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-d64c3c80] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-d64c3c80] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d64c3c80] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-d64c3c80] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d64c3c80] {
  background: #fa4408;
}
.correct[data-v-d64c3c80] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-485ca004] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-485ca004] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-485ca004] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-485ca004] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-485ca004] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-485ca004] {
  background: #fa4408;
}
.correct[data-v-485ca004] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-6e21a909] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-6e21a909] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-6e21a909] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6e21a909] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-6e21a909] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6e21a909] {
  background: #fa4408;
}
.correct[data-v-6e21a909] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-d9ea32b6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-d9ea32b6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-d9ea32b6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d9ea32b6] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-d9ea32b6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d9ea32b6] {
  background: #fa4408;
}
.correct[data-v-d9ea32b6] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-cfcc2e62] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-cfcc2e62] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-cfcc2e62] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-cfcc2e62] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-cfcc2e62] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-cfcc2e62] {
  background: #fa4408;
}
.correct[data-v-cfcc2e62] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-9efccc96] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-9efccc96] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-9efccc96] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-9efccc96] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-9efccc96] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-9efccc96] {
  background: #fa4408;
}
.correct[data-v-9efccc96] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-7bce13c7] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7bce13c7] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7bce13c7] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7bce13c7] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-7bce13c7] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7bce13c7] {
  background: #fa4408;
}
.correct[data-v-7bce13c7] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-1809ec0d] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-1809ec0d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-1809ec0d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1809ec0d] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-1809ec0d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1809ec0d] {
  background: #fa4408;
}
.correct[data-v-1809ec0d] {
  background: #80c080;
}

.data[data-v-48bba0ce] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-48bba0ce] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-48bba0ce] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-48bba0ce] {
  background: #fa4408;
}
.correct[data-v-48bba0ce] {
  background: #80c080;
}
.error[data-v-48bba0ce] {
  font-size: 14px;
}

.data[data-v-6436594b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6436594b] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6436594b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6436594b] {
  background: #fa4408;
}
.correct[data-v-6436594b] {
  background: #80c080;
}
.error[data-v-6436594b] {
  font-size: 14px;
}

.data[data-v-f8044294] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f8044294] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-f8044294] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f8044294] {
  background: #fa4408;
}
.correct[data-v-f8044294] {
  background: #80c080;
}
.error[data-v-f8044294] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-188bc390] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-188bc390] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-188bc390] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-188bc390] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-188bc390] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-188bc390] {
  background: #fa4408;
}
.correct[data-v-188bc390] {
  background: #80c080;
}

.data[data-v-0d04d199] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0d04d199] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0d04d199] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0d04d199] {
  background: #fa4408;
}
.correct[data-v-0d04d199] {
  background: #80c080;
}
.error[data-v-0d04d199] {
  font-size: 14px;
}

.data[data-v-dc8771f4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-dc8771f4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-dc8771f4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-dc8771f4] {
  background: #fa4408;
}
.correct[data-v-dc8771f4] {
  background: #80c080;
}
.error[data-v-dc8771f4] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-3ef853e8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3ef853e8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3ef853e8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3ef853e8] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3ef853e8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3ef853e8] {
  background: #fa4408;
}
.correct[data-v-3ef853e8] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0c880f80] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0c880f80] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0c880f80] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0c880f80] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0c880f80] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0c880f80] {
  background: #fa4408;
}
.correct[data-v-0c880f80] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-ccff6c44] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-ccff6c44] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-ccff6c44] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ccff6c44] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-ccff6c44] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ccff6c44] {
  background: #fa4408;
}
.correct[data-v-ccff6c44] {
  background: #80c080;
}

.data[data-v-99092132] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-99092132] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-99092132] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-99092132] {
  background: #fa4408;
}
.correct[data-v-99092132] {
  background: #80c080;
}
.error[data-v-99092132] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-10a62bc6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-10a62bc6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-10a62bc6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-10a62bc6] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-10a62bc6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-10a62bc6] {
  background: #fa4408;
}
.correct[data-v-10a62bc6] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0d130da5] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0d130da5] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0d130da5] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0d130da5] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0d130da5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0d130da5] {
  background: #fa4408;
}
.correct[data-v-0d130da5] {
  background: #80c080;
}

.data[data-v-4973e590] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4973e590] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4973e590] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4973e590] {
  background: #fa4408;
}
.correct[data-v-4973e590] {
  background: #80c080;
}
.error[data-v-4973e590] {
  font-size: 14px;
}

.data[data-v-07bd13c6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-07bd13c6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-07bd13c6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-07bd13c6] {
  background: #fa4408;
}
.correct[data-v-07bd13c6] {
  background: #80c080;
}
.error[data-v-07bd13c6] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-3e30aef3] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3e30aef3] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3e30aef3] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3e30aef3] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3e30aef3] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3e30aef3] {
  background: #fa4408;
}
.correct[data-v-3e30aef3] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-61389398] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-61389398] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-61389398] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-61389398] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-61389398] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-61389398] {
  background: #fa4408;
}
.correct[data-v-61389398] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-bb0afa42] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-bb0afa42] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-bb0afa42] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-bb0afa42] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-bb0afa42] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-bb0afa42] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-bb0afa42] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

.eg-slide .eg-slide-content .figure[data-v-38574f58] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-38574f58] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-38574f58] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-38574f58] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-38574f58] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-38574f58] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-38574f58] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-38574f58] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-38574f58] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-38574f58] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-38574f58]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-38574f58] {
  background-color: #80f321;
}
input:focus + .slider[data-v-38574f58] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-38574f58]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-38574f58] {
  border-radius: 34px;
}
.slider.round[data-v-38574f58]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-0a6ee18b] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0a6ee18b] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-0a6ee18b] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-0a6ee18b] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-0a6ee18b] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-0a6ee18b] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-0a6ee18b] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-0a6ee18b] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-0a6ee18b] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-0a6ee18b] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-0a6ee18b]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-0a6ee18b] {
  background-color: #80f321;
}
input:focus + .slider[data-v-0a6ee18b] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-0a6ee18b]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-0a6ee18b] {
  border-radius: 34px;
}
.slider.round[data-v-0a6ee18b]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-9229343a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-9229343a] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-9229343a] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-9229343a] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-9229343a] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-9229343a] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-9229343a] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-9229343a] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-9229343a] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-9229343a] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-9229343a]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-9229343a] {
  background-color: #80f321;
}
input:focus + .slider[data-v-9229343a] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-9229343a]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-9229343a] {
  border-radius: 34px;
}
.slider.round[data-v-9229343a]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#OscillatoryMotion .frontpage img {
  height: 7em;
}
#OscillatoryMotion .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#OscillatoryMotion .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#OscillatoryMotion .quarter {
  text-align: center;
}
#OscillatoryMotion .quarter p {
    margin-top: 0;
    text-align: center;
}
#OscillatoryMotion .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#OscillatoryMotion .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#OscillatoryMotion .boredYet .button {
  border: none;
}
#OscillatoryMotion .boredYet .button.prev {
  float: left;
}
#OscillatoryMotion .boredYet .button.next {
  float: right;
}
#OscillatoryMotion img.computerkid {
  height: 6.5em;
}
#OscillatoryMotion a {
  color: black;
}
#OscillatoryMotion .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 30em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
}
#desc th {
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: 1em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: left;
    padding-left: 4em;
    font-size: 10px;
    height: 15px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
}
.eg-slide-content {
  width: 30em;
  max-width: 95%;
  margin: 0 100 0 50;
}
.pcontainer {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid black;
}
.themes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  min-width: 70px;
  border-radius: 0 0 0px 10px;
  height: 20px;
}
.mib {
  font-family: roboto;
  font-weight: bold;
  font-style: italic;
}
.min {
  font-family: roboto;
  font-weight: bold;
  font-style: italic;
}
.mnn {
  font-family: roboto;
  font-weight: normal;
  font-style: normal;
}
.mnb {
  font-family: roboto;
  font-weight: bold;
  font-style: normal;
}

.data[data-v-7ff7d980] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7ff7d980] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-7ff7d980] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7ff7d980] {
  background: #fa4408;
}
.correct[data-v-7ff7d980] {
  background: #80c080;
}
.error[data-v-7ff7d980] {
  font-size: 14px;
}

.data[data-v-4f2877b4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4f2877b4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4f2877b4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4f2877b4] {
  background: #fa4408;
}
.correct[data-v-4f2877b4] {
  background: #80c080;
}
.error[data-v-4f2877b4] {
  font-size: 14px;
}

.data[data-v-51d765f8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-51d765f8] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-51d765f8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-51d765f8] {
  background: #fa4408;
}
.correct[data-v-51d765f8] {
  background: #80c080;
}
.error[data-v-51d765f8] {
  font-size: 14px;
}

.data[data-v-2535e088] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2535e088] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2535e088] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2535e088] {
  background: #fa4408;
}
.correct[data-v-2535e088] {
  background: #80c080;
}
.error[data-v-2535e088] {
  font-size: 14px;
}

.data[data-v-9e055970] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-9e055970] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-9e055970] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-9e055970] {
  background: #fa4408;
}
.correct[data-v-9e055970] {
  background: #80c080;
}
.error[data-v-9e055970] {
  font-size: 14px;
}

.data[data-v-e7bef888] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e7bef888] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-e7bef888] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e7bef888] {
  background: #fa4408;
}
.correct[data-v-e7bef888] {
  background: #80c080;
}
.error[data-v-e7bef888] {
  font-size: 14px;
}

.data[data-v-5a0730e7] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5a0730e7] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5a0730e7] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5a0730e7] {
  background: #fa4408;
}
.correct[data-v-5a0730e7] {
  background: #80c080;
}
.error[data-v-5a0730e7] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-6c791f2e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-6c791f2e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-6c791f2e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6c791f2e] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-6c791f2e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6c791f2e] {
  background: #fa4408;
}
.correct[data-v-6c791f2e] {
  background: #80c080;
}

.data[data-v-3b401570] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3b401570] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3b401570] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3b401570] {
  background: #fa4408;
}
.correct[data-v-3b401570] {
  background: #80c080;
}
.error[data-v-3b401570] {
  font-size: 14px;
}

.data[data-v-8cb31d12] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-8cb31d12] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-8cb31d12] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-8cb31d12] {
  background: #fa4408;
}
.correct[data-v-8cb31d12] {
  background: #80c080;
}
.error[data-v-8cb31d12] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-2a1947d7] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2a1947d7] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2a1947d7] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2a1947d7] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2a1947d7] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2a1947d7] {
  background: #fa4408;
}
.correct[data-v-2a1947d7] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-364627a2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-364627a2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-364627a2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-364627a2] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-364627a2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-364627a2] {
  background: #fa4408;
}
.correct[data-v-364627a2] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-4033fe0d] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4033fe0d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4033fe0d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4033fe0d] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-4033fe0d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4033fe0d] {
  background: #fa4408;
}
.correct[data-v-4033fe0d] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-5a2f2396] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5a2f2396] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5a2f2396] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5a2f2396] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-5a2f2396] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5a2f2396] {
  background: #fa4408;
}
.correct[data-v-5a2f2396] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-ecb89492] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-ecb89492] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-ecb89492] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ecb89492] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-ecb89492] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ecb89492] {
  background: #fa4408;
}
.correct[data-v-ecb89492] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-f3ded0d4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-f3ded0d4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-f3ded0d4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f3ded0d4] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-f3ded0d4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f3ded0d4] {
  background: #fa4408;
}
.correct[data-v-f3ded0d4] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-7936b741] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7936b741] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7936b741] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7936b741] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-7936b741] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7936b741] {
  background: #fa4408;
}
.correct[data-v-7936b741] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-a31e7016] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-a31e7016] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-a31e7016] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-a31e7016] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-a31e7016] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-a31e7016] {
  background: #fa4408;
}
.correct[data-v-a31e7016] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-363739bc] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-363739bc] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-363739bc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-363739bc] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-363739bc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-363739bc] {
  background: #fa4408;
}
.correct[data-v-363739bc] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-4c598787] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-4c598787] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-4c598787] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4c598787] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-4c598787] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4c598787] {
  background: #fa4408;
}
.correct[data-v-4c598787] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-ac9eb2e2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-ac9eb2e2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-ac9eb2e2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ac9eb2e2] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-ac9eb2e2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ac9eb2e2] {
  background: #fa4408;
}
.correct[data-v-ac9eb2e2] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-7bcf5116] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-7bcf5116] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-7bcf5116] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7bcf5116] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-7bcf5116] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7bcf5116] {
  background: #fa4408;
}
.correct[data-v-7bcf5116] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-faa73cf2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-faa73cf2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-faa73cf2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-faa73cf2] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-faa73cf2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-faa73cf2] {
  background: #fa4408;
}
.correct[data-v-faa73cf2] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-394ae64d] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-394ae64d] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-394ae64d] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-394ae64d] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-394ae64d] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-394ae64d] {
  background: #fa4408;
}
.correct[data-v-394ae64d] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0639ac4e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0639ac4e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0639ac4e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0639ac4e] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0639ac4e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0639ac4e] {
  background: #fa4408;
}
.correct[data-v-0639ac4e] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-75cd170b] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-75cd170b] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-75cd170b] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-75cd170b] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-75cd170b] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-75cd170b] {
  background: #fa4408;
}
.correct[data-v-75cd170b] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-ea47a714] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-ea47a714] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-ea47a714] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ea47a714] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-ea47a714] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ea47a714] {
  background: #fa4408;
}
.correct[data-v-ea47a714] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0acf2810] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0acf2810] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0acf2810] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0acf2810] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0acf2810] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0acf2810] {
  background: #fa4408;
}
.correct[data-v-0acf2810] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-2e45cbd9] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-2e45cbd9] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-2e45cbd9] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2e45cbd9] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2e45cbd9] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2e45cbd9] {
  background: #fa4408;
}
.correct[data-v-2e45cbd9] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0f74a6f8] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0f74a6f8] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0f74a6f8] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0f74a6f8] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0f74a6f8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0f74a6f8] {
  background: #fa4408;
}
.correct[data-v-0f74a6f8] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-5b00857e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5b00857e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-5b00857e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5b00857e] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-5b00857e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5b00857e] {
  background: #fa4408;
}
.correct[data-v-5b00857e] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-73683664] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-73683664] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-73683664] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-73683664] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-73683664] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-73683664] {
  background: #fa4408;
}
.correct[data-v-73683664] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-1f8040b6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-1f8040b6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-1f8040b6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1f8040b6] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-1f8040b6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1f8040b6] {
  background: #fa4408;
}
.correct[data-v-1f8040b6] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-9c123584] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-9c123584] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-9c123584] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-9c123584] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-9c123584] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-9c123584] {
  background: #fa4408;
}
.correct[data-v-9c123584] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-758f28ca] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-758f28ca] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-758f28ca] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-758f28ca] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-758f28ca] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-758f28ca] {
  background: #fa4408;
}
.correct[data-v-758f28ca] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-271cf5fa] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-271cf5fa] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-271cf5fa] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-271cf5fa] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-271cf5fa] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-271cf5fa] {
  background: #fa4408;
}
.correct[data-v-271cf5fa] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-27b00ba5] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-27b00ba5] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-27b00ba5] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-27b00ba5] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-27b00ba5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-27b00ba5] {
  background: #fa4408;
}
.correct[data-v-27b00ba5] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-d12769b2] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-d12769b2] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-d12769b2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d12769b2] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-d12769b2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d12769b2] {
  background: #fa4408;
}
.correct[data-v-d12769b2] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-b21c6a6c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-b21c6a6c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-b21c6a6c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-b21c6a6c] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-b21c6a6c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-b21c6a6c] {
  background: #fa4408;
}
.correct[data-v-b21c6a6c] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-c044ca7e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-c044ca7e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-c044ca7e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-c044ca7e] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-c044ca7e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-c044ca7e] {
  background: #fa4408;
}
.correct[data-v-c044ca7e] {
  background: #80c080;
}

.data[data-v-17427073] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-17427073] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-17427073] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-17427073] {
  background: #fa4408;
}
.correct[data-v-17427073] {
  background: #80c080;
}
.error[data-v-17427073] {
  font-size: 14px;
}

.data[data-v-d9d5eca4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-d9d5eca4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-d9d5eca4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-d9d5eca4] {
  background: #fa4408;
}
.correct[data-v-d9d5eca4] {
  background: #80c080;
}
.error[data-v-d9d5eca4] {
  font-size: 14px;
}

.data[data-v-2e45d2bc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2e45d2bc] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-2e45d2bc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2e45d2bc] {
  background: #fa4408;
}
.correct[data-v-2e45d2bc] {
  background: #80c080;
}
.error[data-v-2e45d2bc] {
  font-size: 14px;
}

.data[data-v-0c2afd42] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0c2afd42] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0c2afd42] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0c2afd42] {
  background: #fa4408;
}
.correct[data-v-0c2afd42] {
  background: #80c080;
}
.error[data-v-0c2afd42] {
  font-size: 14px;
}

.data[data-v-0aed70f0] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0aed70f0] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0aed70f0] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0aed70f0] {
  background: #fa4408;
}
.correct[data-v-0aed70f0] {
  background: #80c080;
}
.error[data-v-0aed70f0] {
  font-size: 14px;
}

.data[data-v-743f5791] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-743f5791] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-743f5791] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-743f5791] {
  background: #fa4408;
}
.correct[data-v-743f5791] {
  background: #80c080;
}
.error[data-v-743f5791] {
  font-size: 14px;
}

.data[data-v-e1dc8a16] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e1dc8a16] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-e1dc8a16] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e1dc8a16] {
  background: #fa4408;
}
.correct[data-v-e1dc8a16] {
  background: #80c080;
}
.error[data-v-e1dc8a16] {
  font-size: 14px;
}

.data[data-v-0c64f30e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0c64f30e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0c64f30e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0c64f30e] {
  background: #fa4408;
}
.correct[data-v-0c64f30e] {
  background: #80c080;
}
.error[data-v-0c64f30e] {
  font-size: 14px;
}

.data[data-v-0154886f] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0154886f] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-0154886f] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0154886f] {
  background: #fa4408;
}
.correct[data-v-0154886f] {
  background: #80c080;
}
.error[data-v-0154886f] {
  font-size: 14px;
}

.data[data-v-a3c14938] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-a3c14938] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-a3c14938] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-a3c14938] {
  background: #fa4408;
}
.correct[data-v-a3c14938] {
  background: #80c080;
}
.error[data-v-a3c14938] {
  font-size: 14px;
}

.data[data-v-1bfdd96c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1bfdd96c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-1bfdd96c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1bfdd96c] {
  background: #fa4408;
}
.correct[data-v-1bfdd96c] {
  background: #80c080;
}
.error[data-v-1bfdd96c] {
  font-size: 14px;
}

.data[data-v-3e25537a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3e25537a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3e25537a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3e25537a] {
  background: #fa4408;
}
.correct[data-v-3e25537a] {
  background: #80c080;
}
.error[data-v-3e25537a] {
  font-size: 14px;
}

.data[data-v-ca8ae302] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ca8ae302] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-ca8ae302] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ca8ae302] {
  background: #fa4408;
}
.correct[data-v-ca8ae302] {
  background: #80c080;
}
.error[data-v-ca8ae302] {
  font-size: 14px;
}

.data[data-v-3a6408fc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3a6408fc] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-3a6408fc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3a6408fc] {
  background: #fa4408;
}
.correct[data-v-3a6408fc] {
  background: #80c080;
}
.error[data-v-3a6408fc] {
  font-size: 14px;
}

.data[data-v-51b4c39e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-51b4c39e] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-51b4c39e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-51b4c39e] {
  background: #fa4408;
}
.correct[data-v-51b4c39e] {
  background: #80c080;
}
.error[data-v-51b4c39e] {
  font-size: 14px;
}

.data[data-v-29940a9a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-29940a9a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-29940a9a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-29940a9a] {
  background: #fa4408;
}
.correct[data-v-29940a9a] {
  background: #80c080;
}
.error[data-v-29940a9a] {
  font-size: 14px;
}

.data[data-v-29b801ad] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-29b801ad] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-29b801ad] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-29b801ad] {
  background: #fa4408;
}
.correct[data-v-29b801ad] {
  background: #80c080;
}
.error[data-v-29b801ad] {
  font-size: 14px;
}

.data[data-v-68716ccb] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-68716ccb] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-68716ccb] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-68716ccb] {
  background: #fa4408;
}
.correct[data-v-68716ccb] {
  background: #80c080;
}
.error[data-v-68716ccb] {
  font-size: 14px;
}

.data[data-v-af94ff1c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-af94ff1c] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-af94ff1c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-af94ff1c] {
  background: #fa4408;
}
.correct[data-v-af94ff1c] {
  background: #80c080;
}
.error[data-v-af94ff1c] {
  font-size: 14px;
}

.data[data-v-696fbdac] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-696fbdac] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-696fbdac] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-696fbdac] {
  background: #fa4408;
}
.correct[data-v-696fbdac] {
  background: #80c080;
}
.error[data-v-696fbdac] {
  font-size: 14px;
}

.data[data-v-cc59eec4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-cc59eec4] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-cc59eec4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-cc59eec4] {
  background: #fa4408;
}
.correct[data-v-cc59eec4] {
  background: #80c080;
}
.error[data-v-cc59eec4] {
  font-size: 14px;
}

.data[data-v-5cce47a9] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-5cce47a9] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-5cce47a9] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-5cce47a9] {
  background: #fa4408;
}
.correct[data-v-5cce47a9] {
  background: #80c080;
}
.error[data-v-5cce47a9] {
  font-size: 14px;
}

.data[data-v-51f730f3] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-51f730f3] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-51f730f3] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-51f730f3] {
  background: #fa4408;
}
.correct[data-v-51f730f3] {
  background: #80c080;
}
.error[data-v-51f730f3] {
  font-size: 14px;
}

.data[data-v-54ab2dad] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-54ab2dad] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-54ab2dad] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-54ab2dad] {
  background: #fa4408;
}
.correct[data-v-54ab2dad] {
  background: #80c080;
}
.error[data-v-54ab2dad] {
  font-size: 14px;
}

.data[data-v-a3998a0a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-a3998a0a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-a3998a0a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-a3998a0a] {
  background: #fa4408;
}
.correct[data-v-a3998a0a] {
  background: #80c080;
}
.error[data-v-a3998a0a] {
  font-size: 14px;
}

.data[data-v-08323788] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-08323788] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-08323788] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-08323788] {
  background: #fa4408;
}
.correct[data-v-08323788] {
  background: #80c080;
}
.error[data-v-08323788] {
  font-size: 14px;
}

.data[data-v-4276fee7] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4276fee7] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-4276fee7] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4276fee7] {
  background: #fa4408;
}
.correct[data-v-4276fee7] {
  background: #80c080;
}
.error[data-v-4276fee7] {
  font-size: 14px;
}

.data[data-v-6bac5a28] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6bac5a28] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6bac5a28] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6bac5a28] {
  background: #fa4408;
}
.correct[data-v-6bac5a28] {
  background: #80c080;
}
.error[data-v-6bac5a28] {
  font-size: 14px;
}

.data[data-v-7b2833f6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7b2833f6] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-7b2833f6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7b2833f6] {
  background: #fa4408;
}
.correct[data-v-7b2833f6] {
  background: #80c080;
}
.error[data-v-7b2833f6] {
  font-size: 14px;
}

.data[data-v-023b3c64] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-023b3c64] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-023b3c64] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-023b3c64] {
  background: #fa4408;
}
.correct[data-v-023b3c64] {
  background: #80c080;
}
.error[data-v-023b3c64] {
  font-size: 14px;
}

.data[data-v-7f5b7fbf] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7f5b7fbf] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-7f5b7fbf] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7f5b7fbf] {
  background: #fa4408;
}
.correct[data-v-7f5b7fbf] {
  background: #80c080;
}
.error[data-v-7f5b7fbf] {
  font-size: 14px;
}

.data[data-v-60c5d714] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-60c5d714] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-60c5d714] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-60c5d714] {
  background: #fa4408;
}
.correct[data-v-60c5d714] {
  background: #80c080;
}
.error[data-v-60c5d714] {
  font-size: 14px;
}

.data[data-v-518d76fc] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-518d76fc] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-518d76fc] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-518d76fc] {
  background: #fa4408;
}
.correct[data-v-518d76fc] {
  background: #80c080;
}
.error[data-v-518d76fc] {
  font-size: 14px;
}

.data[data-v-48737c56] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-48737c56] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-48737c56] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-48737c56] {
  background: #fa4408;
}
.correct[data-v-48737c56] {
  background: #80c080;
}
.error[data-v-48737c56] {
  font-size: 14px;
}

.data[data-v-33b7f74a] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-33b7f74a] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-33b7f74a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-33b7f74a] {
  background: #fa4408;
}
.correct[data-v-33b7f74a] {
  background: #80c080;
}
.error[data-v-33b7f74a] {
  font-size: 14px;
}

.data[data-v-6043e556] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6043e556] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6043e556] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6043e556] {
  background: #fa4408;
}
.correct[data-v-6043e556] {
  background: #80c080;
}
.error[data-v-6043e556] {
  font-size: 14px;
}

.data[data-v-6edbedba] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6edbedba] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-6edbedba] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6edbedba] {
  background: #fa4408;
}
.correct[data-v-6edbedba] {
  background: #80c080;
}
.error[data-v-6edbedba] {
  font-size: 14px;
}

.data[data-v-553913e2] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-553913e2] {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  color: blue;
  width: 100%;
}
.solution[data-v-553913e2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-553913e2] {
  background: #fa4408;
}
.correct[data-v-553913e2] {
  background: #80c080;
}
.error[data-v-553913e2] {
  font-size: 14px;
}

.eg-slide .eg-slide-content .figure[data-v-0bbe82c5] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0bbe82c5] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-0bbe82c5] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-0bbe82c5] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-0bbe82c5] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-0bbe82c5] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-0bbe82c5] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-0bbe82c5] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-0bbe82c5] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-0bbe82c5] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-0bbe82c5]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-0bbe82c5] {
  background-color: #80f321;
}
input:focus + .slider[data-v-0bbe82c5] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-0bbe82c5]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-0bbe82c5] {
  border-radius: 34px;
}
.slider.round[data-v-0bbe82c5]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-3a31b33c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3a31b33c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-3a31b33c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-3a31b33c] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-3a31b33c] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-3a31b33c] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-3a31b33c] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-3a31b33c] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-3a31b33c] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-3a31b33c] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-3a31b33c]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-3a31b33c] {
  background-color: #80f321;
}
input:focus + .slider[data-v-3a31b33c] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-3a31b33c]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-3a31b33c] {
  border-radius: 34px;
}
.slider.round[data-v-3a31b33c]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-slide .eg-slide-content .figure[data-v-5d9f1a12] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-5d9f1a12] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.eg-slide .eg-slide-content .included-svg[data-v-5d9f1a12] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .included-svg g path[data-v-5d9f1a12] {
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.eg-slide .eg-slide-content .included-svg .svg-bounce path[data-v-5d9f1a12] {
    -webkit-animation-name: bounce;
    transform-origin: center bottom;
}
.eg-slide .eg-slide-content .included-svg .svg-pulse path[data-v-5d9f1a12] {
    -webkit-animation-name: pulse;
    -moz-animation-name: bounce;
    transform-origin: center center;
}
.eg-slide .eg-slide-content .included-svg .svg-swing path[data-v-5d9f1a12] {
    -webkit-animation-name: swing;
    -moz-animation-name: bounce;
    transform-origin: center center;
}

/* The switch - the box around the slider */
.switch[data-v-5d9f1a12] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[data-v-5d9f1a12] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[data-v-5d9f1a12] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider[data-v-5d9f1a12]:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 14px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider[data-v-5d9f1a12] {
  background-color: #80f321;
}
input:focus + .slider[data-v-5d9f1a12] {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider[data-v-5d9f1a12]:before {
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round[data-v-5d9f1a12] {
  border-radius: 34px;
}
.slider.round[data-v-5d9f1a12]:before {
  border: green solid 4px;
  border-radius: 50% 50% 50% 50%;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
.eg-theme-gourmet {
  /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
  /* Tomorrow Comment */
  /* Tomorrow Red */
  /* Tomorrow Orange */
  /* Tomorrow Yellow */
  /* Tomorrow Green */
  /* Tomorrow Blue */
  /* Tomorrow Purple */
}
.eg-theme-gourmet .eg-slideshow {
  background-image: url(../../static/img/handmadepaper.c0d8859.png);
}
.eg-theme-gourmet .eg-slideshow h3 {
  margin-top: 0.3em;
  margin-bottom: -0.1em;
}
.eg-theme-gourmet .eg-slide-content, .eg-theme-gourmet .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-gourmet h1, .eg-theme-gourmet h2, .eg-theme-gourmet h3, .eg-theme-gourmet h4 {
  font-family: 'Bad Script', cursive;
  font-weight: normal;
}
.eg-theme-gourmet p, .eg-theme-gourmet li, .eg-theme-gourmet .button {
  font-family: 'Architects Daughter', cursive;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 2em;
}
.eg-theme-gourmet h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-gourmet .hljs-comment,
.eg-theme-gourmet .hljs-quote {
  color: #8e908c;
}
.eg-theme-gourmet .hljs-variable,
.eg-theme-gourmet .hljs-template-variable,
.eg-theme-gourmet .hljs-tag,
.eg-theme-gourmet .hljs-name,
.eg-theme-gourmet .hljs-selector-id,
.eg-theme-gourmet .hljs-selector-class,
.eg-theme-gourmet .hljs-regexp,
.eg-theme-gourmet .hljs-deletion {
  color: #c82829;
}
.eg-theme-gourmet .hljs-number,
.eg-theme-gourmet .hljs-built_in,
.eg-theme-gourmet .hljs-builtin-name,
.eg-theme-gourmet .hljs-literal,
.eg-theme-gourmet .hljs-type,
.eg-theme-gourmet .hljs-params,
.eg-theme-gourmet .hljs-meta,
.eg-theme-gourmet .hljs-link {
  color: #f5871f;
}
.eg-theme-gourmet .hljs-attribute {
  color: #eab700;
}
.eg-theme-gourmet .hljs-string,
.eg-theme-gourmet .hljs-symbol,
.eg-theme-gourmet .hljs-bullet,
.eg-theme-gourmet .hljs-addition {
  color: #718c00;
}
.eg-theme-gourmet .hljs-title,
.eg-theme-gourmet .hljs-section {
  color: #4271ae;
}
.eg-theme-gourmet .hljs-keyword,
.eg-theme-gourmet .hljs-selector-tag {
  color: #8959a8;
}
.eg-theme-gourmet .hljs {
  display: block;
  overflow-x: auto;
  background: white;
  color: #4d4d4c;
  padding: 0.5em;
}
.eg-theme-gourmet .hljs-emphasis {
  font-style: italic;
}
.eg-theme-gourmet .hljs-strong {
  font-weight: bold;
}
.eg-theme-gourmet .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-gourmet .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-gourmet .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-gourmet .eg-modal h1, .eg-theme-gourmet .eg-modal h2, .eg-theme-gourmet .eg-modal h3, .eg-theme-gourmet .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-gourmet .eg-modal img {
  box-shadow: 0 0 4px 4px #888;
}
.eg-theme-gourmet .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: 2em;
  border: 1px solid gray;
  padding: 0.5em 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
}
.eg-theme-gourmet .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-gourmet .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-gourmet .eg-switch .unchecked {
  color: #bbbbbb;
}
.eg-theme-gourmet .eg-radio {
  margin-right: 1em;
}
.eg-theme-gourmet .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-gourmet .eg-radio .radiodot {
  background-color: #ffb014;
}
.eg-theme-gourmet .shadowbox {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .embedded-slideshow .eg-slideshow {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .half {
  width: 50%;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}
.rotateimg90 {
  transform: rotate(90deg);
}
.language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0px 0px 0px 0px;
}
.pcontainer {
  padding: 15px;
  margin: 3px 0px 3px 0px;
  border: 1px solid black;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
tr:nth-child(even) {
  background-color: #dddddd;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
.eg-theme-gourmet {
  /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
  /* Tomorrow Comment */
  /* Tomorrow Red */
  /* Tomorrow Orange */
  /* Tomorrow Yellow */
  /* Tomorrow Green */
  /* Tomorrow Blue */
  /* Tomorrow Purple */
}
.eg-theme-gourmet .eg-slideshow {
  background-image: url(../../static/img/handmadepaper.c0d8859.png);
}
.eg-theme-gourmet .eg-slideshow h3 {
  margin-top: 0.3em;
  margin-bottom: -0.1em;
}
.eg-theme-gourmet .eg-slide-content, .eg-theme-gourmet .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-gourmet h1, .eg-theme-gourmet h2, .eg-theme-gourmet h3, .eg-theme-gourmet h4 {
  font-family: 'Bad Script', cursive;
  font-weight: normal;
}
.eg-theme-gourmet p, .eg-theme-gourmet li, .eg-theme-gourmet .button {
  font-family: 'Architects Daughter', cursive;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 2em;
}
.eg-theme-gourmet h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-gourmet .hljs-comment,
.eg-theme-gourmet .hljs-quote {
  color: #8e908c;
}
.eg-theme-gourmet .hljs-variable,
.eg-theme-gourmet .hljs-template-variable,
.eg-theme-gourmet .hljs-tag,
.eg-theme-gourmet .hljs-name,
.eg-theme-gourmet .hljs-selector-id,
.eg-theme-gourmet .hljs-selector-class,
.eg-theme-gourmet .hljs-regexp,
.eg-theme-gourmet .hljs-deletion {
  color: #c82829;
}
.eg-theme-gourmet .hljs-number,
.eg-theme-gourmet .hljs-built_in,
.eg-theme-gourmet .hljs-builtin-name,
.eg-theme-gourmet .hljs-literal,
.eg-theme-gourmet .hljs-type,
.eg-theme-gourmet .hljs-params,
.eg-theme-gourmet .hljs-meta,
.eg-theme-gourmet .hljs-link {
  color: #f5871f;
}
.eg-theme-gourmet .hljs-attribute {
  color: #eab700;
}
.eg-theme-gourmet .hljs-string,
.eg-theme-gourmet .hljs-symbol,
.eg-theme-gourmet .hljs-bullet,
.eg-theme-gourmet .hljs-addition {
  color: #718c00;
}
.eg-theme-gourmet .hljs-title,
.eg-theme-gourmet .hljs-section {
  color: #4271ae;
}
.eg-theme-gourmet .hljs-keyword,
.eg-theme-gourmet .hljs-selector-tag {
  color: #8959a8;
}
.eg-theme-gourmet .hljs {
  display: block;
  overflow-x: auto;
  background: white;
  color: #4d4d4c;
  padding: 0.5em;
}
.eg-theme-gourmet .hljs-emphasis {
  font-style: italic;
}
.eg-theme-gourmet .hljs-strong {
  font-weight: bold;
}
.eg-theme-gourmet .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-gourmet .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-gourmet .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-gourmet .eg-modal h1, .eg-theme-gourmet .eg-modal h2, .eg-theme-gourmet .eg-modal h3, .eg-theme-gourmet .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-gourmet .eg-modal img {
  box-shadow: 0 0 4px 4px #888;
}
.eg-theme-gourmet .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: 2em;
  border: 1px solid gray;
  padding: 0.5em 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
}
.eg-theme-gourmet .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-gourmet .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-gourmet .eg-switch .unchecked {
  color: #bbbbbb;
}
.eg-theme-gourmet .eg-radio {
  margin-right: 1em;
}
.eg-theme-gourmet .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-gourmet .eg-radio .radiodot {
  background-color: #ffb014;
}
.eg-theme-gourmet .shadowbox {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .embedded-slideshow .eg-slideshow {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .half {
  width: 50%;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}
.rotateimg90 {
  transform: rotate(90deg);
}
.language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0px 0px 0px 0px;
}
.pcontainer {
  padding: 15px;
  margin: 3px 0px 3px 0px;
  border: 1px solid black;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
tr:nth-child(even) {
  background-color: #dddddd;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
.eg-theme-gourmet {
  /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
  /* Tomorrow Comment */
  /* Tomorrow Red */
  /* Tomorrow Orange */
  /* Tomorrow Yellow */
  /* Tomorrow Green */
  /* Tomorrow Blue */
  /* Tomorrow Purple */
}
.eg-theme-gourmet .eg-slideshow {
  background-image: url(../../static/img/handmadepaper.c0d8859.png);
}
.eg-theme-gourmet .eg-slideshow h3 {
  margin-top: 0.3em;
  margin-bottom: -0.1em;
}
.eg-theme-gourmet .eg-slide-content, .eg-theme-gourmet .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-gourmet h1, .eg-theme-gourmet h2, .eg-theme-gourmet h3, .eg-theme-gourmet h4 {
  font-family: 'Bad Script', cursive;
  font-weight: normal;
}
.eg-theme-gourmet p, .eg-theme-gourmet li, .eg-theme-gourmet .button {
  font-family: 'Architects Daughter', cursive;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 2em;
}
.eg-theme-gourmet h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-gourmet .hljs-comment,
.eg-theme-gourmet .hljs-quote {
  color: #8e908c;
}
.eg-theme-gourmet .hljs-variable,
.eg-theme-gourmet .hljs-template-variable,
.eg-theme-gourmet .hljs-tag,
.eg-theme-gourmet .hljs-name,
.eg-theme-gourmet .hljs-selector-id,
.eg-theme-gourmet .hljs-selector-class,
.eg-theme-gourmet .hljs-regexp,
.eg-theme-gourmet .hljs-deletion {
  color: #c82829;
}
.eg-theme-gourmet .hljs-number,
.eg-theme-gourmet .hljs-built_in,
.eg-theme-gourmet .hljs-builtin-name,
.eg-theme-gourmet .hljs-literal,
.eg-theme-gourmet .hljs-type,
.eg-theme-gourmet .hljs-params,
.eg-theme-gourmet .hljs-meta,
.eg-theme-gourmet .hljs-link {
  color: #f5871f;
}
.eg-theme-gourmet .hljs-attribute {
  color: #eab700;
}
.eg-theme-gourmet .hljs-string,
.eg-theme-gourmet .hljs-symbol,
.eg-theme-gourmet .hljs-bullet,
.eg-theme-gourmet .hljs-addition {
  color: #718c00;
}
.eg-theme-gourmet .hljs-title,
.eg-theme-gourmet .hljs-section {
  color: #4271ae;
}
.eg-theme-gourmet .hljs-keyword,
.eg-theme-gourmet .hljs-selector-tag {
  color: #8959a8;
}
.eg-theme-gourmet .hljs {
  display: block;
  overflow-x: auto;
  background: white;
  color: #4d4d4c;
  padding: 0.5em;
}
.eg-theme-gourmet .hljs-emphasis {
  font-style: italic;
}
.eg-theme-gourmet .hljs-strong {
  font-weight: bold;
}
.eg-theme-gourmet .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-gourmet .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-gourmet .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-gourmet .eg-modal h1, .eg-theme-gourmet .eg-modal h2, .eg-theme-gourmet .eg-modal h3, .eg-theme-gourmet .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-gourmet .eg-modal img {
  box-shadow: 0 0 4px 4px #888;
}
.eg-theme-gourmet .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: 2em;
  border: 1px solid gray;
  padding: 0.5em 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
}
.eg-theme-gourmet .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-gourmet .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-gourmet .eg-switch .unchecked {
  color: #bbbbbb;
}
.eg-theme-gourmet .eg-radio {
  margin-right: 1em;
}
.eg-theme-gourmet .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-gourmet .eg-radio .radiodot {
  background-color: #ffb014;
}
.eg-theme-gourmet .shadowbox {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .embedded-slideshow .eg-slideshow {
  box-shadow: 0 0 4px 4px #bbb;
}
.eg-theme-gourmet .half {
  width: 50%;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}
.rotateimg90 {
  transform: rotate(90deg);
}
.language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0px 0px 0px 0px;
}
.pcontainer {
  padding: 15px;
  margin: 3px 0px 3px 0px;
  border: 1px solid black;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
tr:nth-child(even) {
  background-color: #dddddd;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}

.eg-slide .eg-slide-content .figure[data-v-e5f633b6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-e5f633b6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-e5f633b6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-e5f633b6] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-e5f633b6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-e5f633b6] {
  background: #fa4408;
}
.correct[data-v-e5f633b6] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-b526d1ea] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-b526d1ea] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-b526d1ea] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-b526d1ea] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-b526d1ea] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-b526d1ea] {
  background: #fa4408;
}
.correct[data-v-b526d1ea] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-3c21d8c6] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3c21d8c6] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3c21d8c6] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3c21d8c6] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3c21d8c6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3c21d8c6] {
  background: #fa4408;
}
.correct[data-v-3c21d8c6] {
  background: #80c080;
}

.svg-display[data-v-7f02cd12] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-7f02cd12] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-7f02cd12] {
  float: left;
}
li a[data-v-7f02cd12], .dropbtn[data-v-7f02cd12] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-7f02cd12]:hover, .dropdown:hover .dropbtn[data-v-7f02cd12] {
  background-color: red;
}
li.dropdown[data-v-7f02cd12] {
  display: inline-block;
}
.dropdown-content[data-v-7f02cd12] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-7f02cd12] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-7f02cd12]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-7f02cd12] {
  display: block;
}
button[data-v-7f02cd12] {
  width: 200px;
  height: 40px;
}
.data[data-v-7f02cd12] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7f02cd12] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-7f02cd12] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7f02cd12] {
  background: #fa4408;
}
.correct[data-v-7f02cd12] {
  background: #80c080;
}

.svg-display[data-v-f7d245fa] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-f7d245fa] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-f7d245fa] {
  float: left;
}
li a[data-v-f7d245fa], .dropbtn[data-v-f7d245fa] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-f7d245fa]:hover, .dropdown:hover .dropbtn[data-v-f7d245fa] {
  background-color: red;
}
li.dropdown[data-v-f7d245fa] {
  display: inline-block;
}
.dropdown-content[data-v-f7d245fa] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-f7d245fa] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-f7d245fa]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-f7d245fa] {
  display: block;
}
button[data-v-f7d245fa] {
  width: 200px;
  height: 40px;
}
.data[data-v-f7d245fa] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f7d245fa] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-f7d245fa] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f7d245fa] {
  background: #fa4408;
}
.correct[data-v-f7d245fa] {
  background: #80c080;
}

.svg-display[data-v-592156a1] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-592156a1] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-592156a1] {
  float: left;
}
li a[data-v-592156a1], .dropbtn[data-v-592156a1] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-592156a1]:hover, .dropdown:hover .dropbtn[data-v-592156a1] {
  background-color: red;
}
li.dropdown[data-v-592156a1] {
  display: inline-block;
}
.dropdown-content[data-v-592156a1] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-592156a1] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-592156a1]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-592156a1] {
  display: block;
}
button[data-v-592156a1] {
  width: 200px;
  height: 40px;
}
.data[data-v-592156a1] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-592156a1] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-592156a1] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-592156a1] {
  background: #fa4408;
}
.correct[data-v-592156a1] {
  background: #80c080;
}

.svg-display[data-v-2bc242e8] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-2bc242e8] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-2bc242e8] {
  float: left;
}
li a[data-v-2bc242e8], .dropbtn[data-v-2bc242e8] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-2bc242e8]:hover, .dropdown:hover .dropbtn[data-v-2bc242e8] {
  background-color: red;
}
li.dropdown[data-v-2bc242e8] {
  display: inline-block;
}
.dropdown-content[data-v-2bc242e8] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-2bc242e8] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-2bc242e8]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-2bc242e8] {
  display: block;
}
button[data-v-2bc242e8] {
  width: 200px;
  height: 40px;
}
.data[data-v-2bc242e8] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2bc242e8] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2bc242e8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2bc242e8] {
  background: #fa4408;
}
.correct[data-v-2bc242e8] {
  background: #80c080;
}

.svg-display[data-v-59db1e0e] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-59db1e0e] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-59db1e0e] {
  float: left;
}
li a[data-v-59db1e0e], .dropbtn[data-v-59db1e0e] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-59db1e0e]:hover, .dropdown:hover .dropbtn[data-v-59db1e0e] {
  background-color: red;
}
li.dropdown[data-v-59db1e0e] {
  display: inline-block;
}
.dropdown-content[data-v-59db1e0e] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-59db1e0e] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-59db1e0e]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-59db1e0e] {
  display: block;
}
button[data-v-59db1e0e] {
  width: 200px;
  height: 40px;
}
.data[data-v-59db1e0e] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-59db1e0e] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-59db1e0e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-59db1e0e] {
  background: #fa4408;
}
.correct[data-v-59db1e0e] {
  background: #80c080;
}

.svg-display[data-v-950d01fa] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-950d01fa] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-950d01fa] {
  float: left;
}
li a[data-v-950d01fa], .dropbtn[data-v-950d01fa] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-950d01fa]:hover, .dropdown:hover .dropbtn[data-v-950d01fa] {
  background-color: red;
}
li.dropdown[data-v-950d01fa] {
  display: inline-block;
}
.dropdown-content[data-v-950d01fa] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-950d01fa] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-950d01fa]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-950d01fa] {
  display: block;
}
button[data-v-950d01fa] {
  width: 200px;
  height: 40px;
}
.data[data-v-950d01fa] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-950d01fa] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-950d01fa] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-950d01fa] {
  background: #fa4408;
}
.correct[data-v-950d01fa] {
  background: #80c080;
}

.svg-display[data-v-f2b17748] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-f2b17748] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-f2b17748] {
  float: left;
}
li a[data-v-f2b17748], .dropbtn[data-v-f2b17748] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-f2b17748]:hover, .dropdown:hover .dropbtn[data-v-f2b17748] {
  background-color: red;
}
li.dropdown[data-v-f2b17748] {
  display: inline-block;
}
.dropdown-content[data-v-f2b17748] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-f2b17748] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-f2b17748]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-f2b17748] {
  display: block;
}
button[data-v-f2b17748] {
  width: 200px;
  height: 40px;
}
.data[data-v-f2b17748] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-f2b17748] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-f2b17748] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-f2b17748] {
  background: #fa4408;
}
.correct[data-v-f2b17748] {
  background: #80c080;
}

.svg-display[data-v-c611625c] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-c611625c] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-c611625c] {
  float: left;
}
li a[data-v-c611625c], .dropbtn[data-v-c611625c] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-c611625c]:hover, .dropdown:hover .dropbtn[data-v-c611625c] {
  background-color: red;
}
li.dropdown[data-v-c611625c] {
  display: inline-block;
}
.dropdown-content[data-v-c611625c] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-c611625c] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-c611625c]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-c611625c] {
  display: block;
}
button[data-v-c611625c] {
  width: 200px;
  height: 40px;
}
.data[data-v-c611625c] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-c611625c] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-c611625c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-c611625c] {
  background: #fa4408;
}
.correct[data-v-c611625c] {
  background: #80c080;
}

.svg-display[data-v-57baf32a] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-57baf32a] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-57baf32a] {
  float: left;
}
li a[data-v-57baf32a], .dropbtn[data-v-57baf32a] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-57baf32a]:hover, .dropdown:hover .dropbtn[data-v-57baf32a] {
  background-color: red;
}
li.dropdown[data-v-57baf32a] {
  display: inline-block;
}
.dropdown-content[data-v-57baf32a] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-57baf32a] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-57baf32a]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-57baf32a] {
  display: block;
}
button[data-v-57baf32a] {
  width: 200px;
  height: 40px;
}
.data[data-v-57baf32a] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-57baf32a] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-57baf32a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-57baf32a] {
  background: #fa4408;
}
.correct[data-v-57baf32a] {
  background: #80c080;
}

.svg-display[data-v-73ac3248] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-73ac3248] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-73ac3248] {
  float: left;
}
li a[data-v-73ac3248], .dropbtn[data-v-73ac3248] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-73ac3248]:hover, .dropdown:hover .dropbtn[data-v-73ac3248] {
  background-color: red;
}
li.dropdown[data-v-73ac3248] {
  display: inline-block;
}
.dropdown-content[data-v-73ac3248] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-73ac3248] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-73ac3248]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-73ac3248] {
  display: block;
}
button[data-v-73ac3248] {
  width: 200px;
  height: 40px;
}
.data[data-v-73ac3248] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-73ac3248] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-73ac3248] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-73ac3248] {
  background: #fa4408;
}
.correct[data-v-73ac3248] {
  background: #80c080;
}

.svg-display[data-v-39794edb] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-39794edb] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-39794edb] {
  float: left;
}
li a[data-v-39794edb], .dropbtn[data-v-39794edb] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-39794edb]:hover, .dropdown:hover .dropbtn[data-v-39794edb] {
  background-color: red;
}
li.dropdown[data-v-39794edb] {
  display: inline-block;
}
.dropdown-content[data-v-39794edb] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-39794edb] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-39794edb]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-39794edb] {
  display: block;
}
button[data-v-39794edb] {
  width: 200px;
  height: 40px;
}
.data[data-v-39794edb] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-39794edb] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-39794edb] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-39794edb] {
  background: #fa4408;
}
.correct[data-v-39794edb] {
  background: #80c080;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}

.eg-slide .eg-slide-content .figure[data-v-24a53354] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-24a53354] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-24a53354] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-24a53354] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-24a53354] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-24a53354] {
  background: #fa4408;
}
.correct[data-v-24a53354] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-0615173c] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-0615173c] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-0615173c] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0615173c] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0615173c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0615173c] {
  background: #fa4408;
}
.correct[data-v-0615173c] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-8b0f68e4] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-8b0f68e4] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-8b0f68e4] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-8b0f68e4] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-8b0f68e4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-8b0f68e4] {
  background: #fa4408;
}
.correct[data-v-8b0f68e4] {
  background: #80c080;
}

.svg-display[data-v-74e61f66] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-74e61f66] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-74e61f66] {
  float: left;
}
li a[data-v-74e61f66], .dropbtn[data-v-74e61f66] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-74e61f66]:hover, .dropdown:hover .dropbtn[data-v-74e61f66] {
  background-color: red;
}
li.dropdown[data-v-74e61f66] {
  display: inline-block;
}
.dropdown-content[data-v-74e61f66] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-74e61f66] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-74e61f66]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-74e61f66] {
  display: block;
}
button[data-v-74e61f66] {
  width: 200px;
  height: 40px;
}
.data[data-v-74e61f66] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-74e61f66] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-74e61f66] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-74e61f66] {
  background: #fa4408;
}
.correct[data-v-74e61f66] {
  background: #80c080;
}

.svg-display[data-v-387e62f2] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-387e62f2] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-387e62f2] {
  float: left;
}
li a[data-v-387e62f2], .dropbtn[data-v-387e62f2] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-387e62f2]:hover, .dropdown:hover .dropbtn[data-v-387e62f2] {
  background-color: red;
}
li.dropdown[data-v-387e62f2] {
  display: inline-block;
}
.dropdown-content[data-v-387e62f2] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-387e62f2] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-387e62f2]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-387e62f2] {
  display: block;
}
button[data-v-387e62f2] {
  width: 200px;
  height: 40px;
}
.data[data-v-387e62f2] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-387e62f2] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-387e62f2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-387e62f2] {
  background: #fa4408;
}
.correct[data-v-387e62f2] {
  background: #80c080;
}

.svg-display[data-v-8c6c525c] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-8c6c525c] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-8c6c525c] {
  float: left;
}
li a[data-v-8c6c525c], .dropbtn[data-v-8c6c525c] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-8c6c525c]:hover, .dropdown:hover .dropbtn[data-v-8c6c525c] {
  background-color: red;
}
li.dropdown[data-v-8c6c525c] {
  display: inline-block;
}
.dropdown-content[data-v-8c6c525c] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-8c6c525c] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-8c6c525c]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-8c6c525c] {
  display: block;
}
button[data-v-8c6c525c] {
  width: 200px;
  height: 40px;
}
.data[data-v-8c6c525c] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-8c6c525c] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-8c6c525c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-8c6c525c] {
  background: #fa4408;
}
.correct[data-v-8c6c525c] {
  background: #80c080;
}

.svg-display[data-v-7aafd306] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-7aafd306] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-7aafd306] {
  float: left;
}
li a[data-v-7aafd306], .dropbtn[data-v-7aafd306] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-7aafd306]:hover, .dropdown:hover .dropbtn[data-v-7aafd306] {
  background-color: red;
}
li.dropdown[data-v-7aafd306] {
  display: inline-block;
}
.dropdown-content[data-v-7aafd306] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-7aafd306] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-7aafd306]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-7aafd306] {
  display: block;
}
button[data-v-7aafd306] {
  width: 200px;
  height: 40px;
}
.data[data-v-7aafd306] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-7aafd306] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-7aafd306] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-7aafd306] {
  background: #fa4408;
}
.correct[data-v-7aafd306] {
  background: #80c080;
}

.svg-display[data-v-326455ff] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-326455ff] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-326455ff] {
  float: left;
}
li a[data-v-326455ff], .dropbtn[data-v-326455ff] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-326455ff]:hover, .dropdown:hover .dropbtn[data-v-326455ff] {
  background-color: red;
}
li.dropdown[data-v-326455ff] {
  display: inline-block;
}
.dropdown-content[data-v-326455ff] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-326455ff] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-326455ff]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-326455ff] {
  display: block;
}
button[data-v-326455ff] {
  width: 200px;
  height: 40px;
}
.data[data-v-326455ff] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-326455ff] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-326455ff] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-326455ff] {
  background: #fa4408;
}
.correct[data-v-326455ff] {
  background: #80c080;
}

.svg-display[data-v-69e104f2] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-69e104f2] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-69e104f2] {
  float: left;
}
li a[data-v-69e104f2], .dropbtn[data-v-69e104f2] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-69e104f2]:hover, .dropdown:hover .dropbtn[data-v-69e104f2] {
  background-color: red;
}
li.dropdown[data-v-69e104f2] {
  display: inline-block;
}
.dropdown-content[data-v-69e104f2] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-69e104f2] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-69e104f2]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-69e104f2] {
  display: block;
}
button[data-v-69e104f2] {
  width: 200px;
  height: 40px;
}
.data[data-v-69e104f2] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-69e104f2] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-69e104f2] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-69e104f2] {
  background: #fa4408;
}
.correct[data-v-69e104f2] {
  background: #80c080;
}

.svg-display[data-v-316076e6] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-316076e6] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-316076e6] {
  float: left;
}
li a[data-v-316076e6], .dropbtn[data-v-316076e6] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-316076e6]:hover, .dropdown:hover .dropbtn[data-v-316076e6] {
  background-color: red;
}
li.dropdown[data-v-316076e6] {
  display: inline-block;
}
.dropdown-content[data-v-316076e6] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-316076e6] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-316076e6]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-316076e6] {
  display: block;
}
button[data-v-316076e6] {
  width: 200px;
  height: 40px;
}
.data[data-v-316076e6] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-316076e6] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-316076e6] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-316076e6] {
  background: #fa4408;
}
.correct[data-v-316076e6] {
  background: #80c080;
}

.svg-display[data-v-54d5d5fe] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-54d5d5fe] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-54d5d5fe] {
  float: left;
}
li a[data-v-54d5d5fe], .dropbtn[data-v-54d5d5fe] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-54d5d5fe]:hover, .dropdown:hover .dropbtn[data-v-54d5d5fe] {
  background-color: red;
}
li.dropdown[data-v-54d5d5fe] {
  display: inline-block;
}
.dropdown-content[data-v-54d5d5fe] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-54d5d5fe] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-54d5d5fe]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-54d5d5fe] {
  display: block;
}
button[data-v-54d5d5fe] {
  width: 200px;
  height: 40px;
}
.data[data-v-54d5d5fe] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-54d5d5fe] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-54d5d5fe] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-54d5d5fe] {
  background: #fa4408;
}
.correct[data-v-54d5d5fe] {
  background: #80c080;
}

.svg-display[data-v-df4e8d4e] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-df4e8d4e] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-df4e8d4e] {
  float: left;
}
li a[data-v-df4e8d4e], .dropbtn[data-v-df4e8d4e] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-df4e8d4e]:hover, .dropdown:hover .dropbtn[data-v-df4e8d4e] {
  background-color: red;
}
li.dropdown[data-v-df4e8d4e] {
  display: inline-block;
}
.dropdown-content[data-v-df4e8d4e] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-df4e8d4e] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-df4e8d4e]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-df4e8d4e] {
  display: block;
}
button[data-v-df4e8d4e] {
  width: 200px;
  height: 40px;
}
.data[data-v-df4e8d4e] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-df4e8d4e] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-df4e8d4e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-df4e8d4e] {
  background: #fa4408;
}
.correct[data-v-df4e8d4e] {
  background: #80c080;
}

.svg-display[data-v-081dae92] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-081dae92] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-081dae92] {
  float: left;
}
li a[data-v-081dae92], .dropbtn[data-v-081dae92] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-081dae92]:hover, .dropdown:hover .dropbtn[data-v-081dae92] {
  background-color: red;
}
li.dropdown[data-v-081dae92] {
  display: inline-block;
}
.dropdown-content[data-v-081dae92] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-081dae92] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-081dae92]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-081dae92] {
  display: block;
}
button[data-v-081dae92] {
  width: 200px;
  height: 40px;
}
.data[data-v-081dae92] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-081dae92] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-081dae92] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-081dae92] {
  background: #fa4408;
}
.correct[data-v-081dae92] {
  background: #80c080;
}

.svg-display[data-v-14944e8c] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-14944e8c] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-14944e8c] {
  float: left;
}
li a[data-v-14944e8c], .dropbtn[data-v-14944e8c] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-14944e8c]:hover, .dropdown:hover .dropbtn[data-v-14944e8c] {
  background-color: red;
}
li.dropdown[data-v-14944e8c] {
  display: inline-block;
}
.dropdown-content[data-v-14944e8c] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-14944e8c] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-14944e8c]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-14944e8c] {
  display: block;
}
button[data-v-14944e8c] {
  width: 200px;
  height: 40px;
}
.data[data-v-14944e8c] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-14944e8c] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-14944e8c] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-14944e8c] {
  background: #fa4408;
}
.correct[data-v-14944e8c] {
  background: #80c080;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}

.eg-slide .eg-slide-content .figure[data-v-3f045878] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-3f045878] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-3f045878] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3f045878] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3f045878] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3f045878] {
  background: #fa4408;
}
.correct[data-v-3f045878] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-576c095e] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-576c095e] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-576c095e] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-576c095e] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-576c095e] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-576c095e] {
  background: #fa4408;
}
.correct[data-v-576c095e] {
  background: #80c080;
}

.eg-slide .eg-slide-content .figure[data-v-11db3d30] {
  width: 80%;
  margin-left: 10%;
}
.eg-slide .eg-slide-content .figure p[data-v-11db3d30] {
    font-size: 0.7em;
    margin-top: 2em;
    margin-bottom: 0;
    color: #555;
}
.data[data-v-11db3d30] {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-11db3d30] {
  margin: 15px 20px 15px 20px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-11db3d30] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-11db3d30] {
  background: #fa4408;
}
.correct[data-v-11db3d30] {
  background: #80c080;
}

.svg-display[data-v-4e6d7184] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-4e6d7184] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-4e6d7184] {
  float: left;
}
li a[data-v-4e6d7184], .dropbtn[data-v-4e6d7184] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-4e6d7184]:hover, .dropdown:hover .dropbtn[data-v-4e6d7184] {
  background-color: red;
}
li.dropdown[data-v-4e6d7184] {
  display: inline-block;
}
.dropdown-content[data-v-4e6d7184] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-4e6d7184] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-4e6d7184]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-4e6d7184] {
  display: block;
}
button[data-v-4e6d7184] {
  width: 200px;
  height: 40px;
}
.data[data-v-4e6d7184] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-4e6d7184] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-4e6d7184] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-4e6d7184] {
  background: #fa4408;
}
.correct[data-v-4e6d7184] {
  background: #80c080;
}

.svg-display[data-v-1205b510] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-1205b510] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-1205b510] {
  float: left;
}
li a[data-v-1205b510], .dropbtn[data-v-1205b510] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-1205b510]:hover, .dropdown:hover .dropbtn[data-v-1205b510] {
  background-color: red;
}
li.dropdown[data-v-1205b510] {
  display: inline-block;
}
.dropdown-content[data-v-1205b510] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-1205b510] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-1205b510]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-1205b510] {
  display: block;
}
button[data-v-1205b510] {
  width: 200px;
  height: 40px;
}
.data[data-v-1205b510] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1205b510] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-1205b510] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1205b510] {
  background: #fa4408;
}
.correct[data-v-1205b510] {
  background: #80c080;
}

.svg-display[data-v-0b20c8f4] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-0b20c8f4] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-0b20c8f4] {
  float: left;
}
li a[data-v-0b20c8f4], .dropbtn[data-v-0b20c8f4] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-0b20c8f4]:hover, .dropdown:hover .dropbtn[data-v-0b20c8f4] {
  background-color: red;
}
li.dropdown[data-v-0b20c8f4] {
  display: inline-block;
}
.dropdown-content[data-v-0b20c8f4] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-0b20c8f4] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-0b20c8f4]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-0b20c8f4] {
  display: block;
}
button[data-v-0b20c8f4] {
  width: 200px;
  height: 40px;
}
.data[data-v-0b20c8f4] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0b20c8f4] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0b20c8f4] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0b20c8f4] {
  background: #fa4408;
}
.correct[data-v-0b20c8f4] {
  background: #80c080;
}

.svg-display[data-v-1a0b081f] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-1a0b081f] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-1a0b081f] {
  float: left;
}
li a[data-v-1a0b081f], .dropbtn[data-v-1a0b081f] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-1a0b081f]:hover, .dropdown:hover .dropbtn[data-v-1a0b081f] {
  background-color: red;
}
li.dropdown[data-v-1a0b081f] {
  display: inline-block;
}
.dropdown-content[data-v-1a0b081f] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-1a0b081f] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-1a0b081f]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-1a0b081f] {
  display: block;
}
button[data-v-1a0b081f] {
  width: 200px;
  height: 40px;
}
.data[data-v-1a0b081f] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1a0b081f] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-1a0b081f] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1a0b081f] {
  background: #fa4408;
}
.correct[data-v-1a0b081f] {
  background: #80c080;
}

.svg-display[data-v-ec7170be] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-ec7170be] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-ec7170be] {
  float: left;
}
li a[data-v-ec7170be], .dropbtn[data-v-ec7170be] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-ec7170be]:hover, .dropdown:hover .dropbtn[data-v-ec7170be] {
  background-color: red;
}
li.dropdown[data-v-ec7170be] {
  display: inline-block;
}
.dropdown-content[data-v-ec7170be] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-ec7170be] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-ec7170be]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-ec7170be] {
  display: block;
}
button[data-v-ec7170be] {
  width: 200px;
  height: 40px;
}
.data[data-v-ec7170be] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-ec7170be] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-ec7170be] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-ec7170be] {
  background: #fa4408;
}
.correct[data-v-ec7170be] {
  background: #80c080;
}

.svg-display[data-v-43685710] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-43685710] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-43685710] {
  float: left;
}
li a[data-v-43685710], .dropbtn[data-v-43685710] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-43685710]:hover, .dropdown:hover .dropbtn[data-v-43685710] {
  background-color: red;
}
li.dropdown[data-v-43685710] {
  display: inline-block;
}
.dropdown-content[data-v-43685710] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-43685710] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-43685710]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-43685710] {
  display: block;
}
button[data-v-43685710] {
  width: 200px;
  height: 40px;
}
.data[data-v-43685710] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-43685710] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-43685710] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-43685710] {
  background: #fa4408;
}
.correct[data-v-43685710] {
  background: #80c080;
}

.svg-display[data-v-38a6b6af] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-38a6b6af] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-38a6b6af] {
  float: left;
}
li a[data-v-38a6b6af], .dropbtn[data-v-38a6b6af] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-38a6b6af]:hover, .dropdown:hover .dropbtn[data-v-38a6b6af] {
  background-color: red;
}
li.dropdown[data-v-38a6b6af] {
  display: inline-block;
}
.dropdown-content[data-v-38a6b6af] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-38a6b6af] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-38a6b6af]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-38a6b6af] {
  display: block;
}
button[data-v-38a6b6af] {
  width: 200px;
  height: 40px;
}
.data[data-v-38a6b6af] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-38a6b6af] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-38a6b6af] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-38a6b6af] {
  background: #fa4408;
}
.correct[data-v-38a6b6af] {
  background: #80c080;
}

.svg-display[data-v-6a90579f] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-6a90579f] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-6a90579f] {
  float: left;
}
li a[data-v-6a90579f], .dropbtn[data-v-6a90579f] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-6a90579f]:hover, .dropdown:hover .dropbtn[data-v-6a90579f] {
  background-color: red;
}
li.dropdown[data-v-6a90579f] {
  display: inline-block;
}
.dropdown-content[data-v-6a90579f] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-6a90579f] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-6a90579f]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-6a90579f] {
  display: block;
}
button[data-v-6a90579f] {
  width: 200px;
  height: 40px;
}
.data[data-v-6a90579f] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-6a90579f] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-6a90579f] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-6a90579f] {
  background: #fa4408;
}
.correct[data-v-6a90579f] {
  background: #80c080;
}

.svg-display[data-v-2553fbf7] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-2553fbf7] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-2553fbf7] {
  float: left;
}
li a[data-v-2553fbf7], .dropbtn[data-v-2553fbf7] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-2553fbf7]:hover, .dropdown:hover .dropbtn[data-v-2553fbf7] {
  background-color: red;
}
li.dropdown[data-v-2553fbf7] {
  display: inline-block;
}
.dropdown-content[data-v-2553fbf7] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-2553fbf7] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-2553fbf7]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-2553fbf7] {
  display: block;
}
button[data-v-2553fbf7] {
  width: 200px;
  height: 40px;
}
.data[data-v-2553fbf7] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-2553fbf7] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-2553fbf7] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-2553fbf7] {
  background: #fa4408;
}
.correct[data-v-2553fbf7] {
  background: #80c080;
}

.svg-display[data-v-3f263bd5] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-3f263bd5] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-3f263bd5] {
  float: left;
}
li a[data-v-3f263bd5], .dropbtn[data-v-3f263bd5] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-3f263bd5]:hover, .dropdown:hover .dropbtn[data-v-3f263bd5] {
  background-color: red;
}
li.dropdown[data-v-3f263bd5] {
  display: inline-block;
}
.dropdown-content[data-v-3f263bd5] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-3f263bd5] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-3f263bd5]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-3f263bd5] {
  display: block;
}
button[data-v-3f263bd5] {
  width: 200px;
  height: 40px;
}
.data[data-v-3f263bd5] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-3f263bd5] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-3f263bd5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-3f263bd5] {
  background: #fa4408;
}
.correct[data-v-3f263bd5] {
  background: #80c080;
}

.svg-display[data-v-1f015fae] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-1f015fae] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-1f015fae] {
  float: left;
}
li a[data-v-1f015fae], .dropbtn[data-v-1f015fae] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-1f015fae]:hover, .dropdown:hover .dropbtn[data-v-1f015fae] {
  background-color: red;
}
li.dropdown[data-v-1f015fae] {
  display: inline-block;
}
.dropdown-content[data-v-1f015fae] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-1f015fae] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-1f015fae]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-1f015fae] {
  display: block;
}
button[data-v-1f015fae] {
  width: 200px;
  height: 40px;
}
.data[data-v-1f015fae] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-1f015fae] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-1f015fae] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-1f015fae] {
  background: #fa4408;
}
.correct[data-v-1f015fae] {
  background: #80c080;
}

.eg-theme-agrume {
  /* Solarized Green */
  /* Solarized Cyan */
  /* Solarized Blue */
  /* Solarized Yellow */
  /* Solarized Orange */
  /* Solarized Red */
}
.eg-theme-agrume .eg-slideshow {
  background-image: url(../../static/img/subtle_symphony.5b921fa.png);
  background-color: #eee;
}
.eg-theme-agrume .eg-slide-content, .eg-theme-agrume .subslide {
  width: 25em;
  max-width: 80%;
  margin: 0 auto;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message, .eg-theme-agrume .subslide .eg-triggered-message {
  background: #fbfbfb;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 1em;
  border: 0.07em solid #bbb;
  border-radius: 0.5em;
  font-size: 0.8em;
}
.eg-theme-agrume .eg-slide-content .eg-triggered-message p, .eg-theme-agrume .subslide .eg-triggered-message p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.eg-theme-agrume h1, .eg-theme-agrume h2, .eg-theme-agrume h3, .eg-theme-agrume h4, .eg-theme-agrume p, .eg-theme-agrume li, .eg-theme-agrume .button, .eg-theme-agrume input {
  font-family: 'Pompiere', cursive;
  font-weight: normal;
}
.eg-theme-agrume h3 {
  text-transform: uppercase;
}
.eg-theme-agrume h3 em {
  text-decoration: underline;
  font-style: normal;
}
.eg-theme-agrume .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}
.eg-theme-agrume .hljs-comment,
.eg-theme-agrume .hljs-quote {
  color: #93a1a1;
}
.eg-theme-agrume .hljs-keyword,
.eg-theme-agrume .hljs-selector-tag,
.eg-theme-agrume .hljs-addition {
  color: #859900;
}
.eg-theme-agrume .hljs-number,
.eg-theme-agrume .hljs-string,
.eg-theme-agrume .hljs-meta .hljs-meta-string,
.eg-theme-agrume .hljs-literal,
.eg-theme-agrume .hljs-doctag,
.eg-theme-agrume .hljs-regexp {
  color: #2aa198;
}
.eg-theme-agrume .hljs-title,
.eg-theme-agrume .hljs-section,
.eg-theme-agrume .hljs-name,
.eg-theme-agrume .hljs-selector-id,
.eg-theme-agrume .hljs-selector-class {
  color: #268bd2;
}
.eg-theme-agrume .hljs-attribute,
.eg-theme-agrume .hljs-attr,
.eg-theme-agrume .hljs-variable,
.eg-theme-agrume .hljs-template-variable,
.eg-theme-agrume .hljs-class .hljs-title,
.eg-theme-agrume .hljs-type {
  color: #b58900;
}
.eg-theme-agrume .hljs-symbol,
.eg-theme-agrume .hljs-bullet,
.eg-theme-agrume .hljs-subst,
.eg-theme-agrume .hljs-meta,
.eg-theme-agrume .hljs-meta .hljs-keyword,
.eg-theme-agrume .hljs-selector-attr,
.eg-theme-agrume .hljs-selector-pseudo,
.eg-theme-agrume .hljs-link {
  color: #cb4b16;
}
.eg-theme-agrume .hljs-built_in,
.eg-theme-agrume .hljs-deletion {
  color: #dc322f;
}
.eg-theme-agrume .hljs-formula {
  background: #eee8d5;
}
.eg-theme-agrume .hljs-emphasis {
  font-style: italic;
}
.eg-theme-agrume .hljs-strong {
  font-weight: bold;
}
.eg-theme-agrume .code-box {
  box-shadow: 0 0 0.25em 0.25em #ddd;
}
.eg-theme-agrume .eg-code-comment {
  font-weight: bold;
  color: #dd4321;
}
.eg-theme-agrume .eg-modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.eg-theme-agrume .eg-modal h1, .eg-theme-agrume .eg-modal h2, .eg-theme-agrume .eg-modal h3, .eg-theme-agrume .eg-modal h4 {
  font-weight: bold;
}
.eg-theme-agrume .eg-modal img {
  box-shadow: 0 0 0.2em 0.2em #888;
}
.eg-theme-agrume input {
  background-color: rgba(255, 255, 255, 0.4);
  border: .5px solid #ccc;
  border-radius: 0.2em;
}
.eg-theme-agrume input:focus {
  border: none;
}
.eg-theme-agrume .button {
  background: none;
  cursor: pointer;
  border: none;
  color: black;
  border-radius: .5em;
  border: 0.1em solid gray;
  padding: 0.2em 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-align: center;
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  line-height: 1em;
}
.eg-theme-agrume .eg-switch {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-switch .slider {
  background-color: #ccc;
}
.eg-theme-agrume .eg-switch .slider.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .eg-switch .unchecked .label {
  color: #bbbbbb;
}
.eg-theme-agrume .eg-radio {
  margin-right: .5em;
  margin-left: .5em;
}
.eg-theme-agrume .eg-radio .radio {
  background: none;
  border: 2px solid black;
  border-spacing: 2px;
  z-index: 1;
}
.eg-theme-agrume .eg-radio .radiodot.checked {
  background-color: #ffb014;
}
.eg-theme-agrume .embedded-slideshow-container .embedded-slideshow
.eg-slideshow {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-theme-agrume .shadowbox {
  box-shadow: 0 0 0.25em 0.25em #bbb;
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
  text-align: center;
}
.eg-slideshow h1 {
  font-size: 4em;
  margin-bottom: 0.1em;
}
.eg-slideshow h2 {
  font-size: 3em;
}
.eg-slideshow h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.eg-slideshow h4 {
  font-size: 1.5em;
}
.eg-slideshow input {
  font-size: 1em;
}
.eg-slideshow strong {
  font-weight: bold;
}
.eg-slideshow .small {
  font-size: 0.65em;
}
.eg-slideshow img {
  max-width: 80%;
}
.eg-slideshow .eg-code-block {
  font-family: 'Source Code Pro', Courier;
  text-align: left;
  font-size: 0.5em;
}
.eg-slideshow .eg-code-block .box {
  padding: 1em;
}
.eg-slideshow .eg-slide {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.eg-slideshow .subslide {
  position: absolute;
  margin-top: -1em;
}
.eg-slideshow .inline {
  display: inline-block;
}
.eg-slideshow .center {
  text-align: center;
}
.eg-slideshow .center p {
  text-align: center;
}
.eg-slideshow .quarter {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5em;
}
.eg-slideshow .eg-switch .switch {
  margin-right: 0.5em;
}
.eg-slideshow .eg-radio .radiobutton {
  margin-right: 0.5em;
}
.eg-slideshow .eg-triggered-message {
  position: absolute;
}
.eg-slideshow .button {
  font-size: 1em;
}
.eg-slideshow .nodisplay {
  display: none;
}
#TemperatureHeat .frontpage img {
  height: 7em;
}
#TemperatureHeat .frontpage img.control-schema {
  width: 8em;
  height: 3em;
}
#TemperatureHeat .heart {
  width: 1em;
  height: 0.8em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjcuNW1tIiB3aWR0aD0iMzVtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHZpZXdCb3g9IjAgMCAxMjMuOTcxNDEgOTcuNTg4NDM4Ij4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjQgLTI4NSkiPgogIDxwYXRoIGQ9Im0zODQgMzMyYy0yNi43LTMyLjEtNjguMS01OS4yLTEwMy0zMi40LTI2LjcgMjQuNC0xMy4xIDY4LjkgMTYuMSA3Ny41IDQwLjcgMTAgNjUuNS0xOC4yIDg2LjUtNDUuMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MjIwMCIvPgogIDxlbGxpcHNlIHJ4PSIzOC45IiByeT0iMzcuNCIgY3k9IjMzNiIgY3g9IjMyMCIgZmlsbD0iI2Y2ZmIwNSIvPgogIDxlbGxpcHNlIHJ4PSIxNC45IiByeT0iMTUuNyIgY3k9IjMzNyIgY3g9IjMyMSIvPgogIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjMwNCIgcng9IjQ1LjQiIHJ5PSIxOC4yIiB0cmFuc2Zvcm09Im1hdHJpeCguOTc2IC4yMTcgLS4zMTMgLjk1MCAwIDApIiBjeT0iMjM5IiBjeD0iNDA5Ii8+CiAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOTY4IiByeD0iMy4xNSIgcnk9IjMuNDMiIGN5PSIzMjgiIGN4PSIzMjciIGZpbGw9IiNmZmYiLz4KIDwvZz4KPC9zdmc+Cg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#TemperatureHeat .quarter {
  text-align: center;
}
#TemperatureHeat .quarter p {
    margin-top: 0;
    text-align: center;
}
#TemperatureHeat .quarter h4 {
    margin-top: 0;
    margin-bottom: 0;
}
#TemperatureHeat .boredYet p {
  margin-bottom: 0.3em;
  margin-top: 1.3em;
}
#TemperatureHeat .boredYet .button {
  border: none;
}
#TemperatureHeat .boredYet .button.prev {
  float: left;
}
#TemperatureHeat .boredYet .button.next {
  float: right;
}
#TemperatureHeat img.computerkid {
  height: 6.5em;
}
#TemperatureHeat a {
  color: black;
}
#TemperatureHeat .parentWindow {
  border: solide 1px red;
}
#table-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -ms-flex-line-pack: center;
      align-content: center;
}
#desc {
  width: 18em;
  border-collapse: collapse;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#desc th {
    font-family: 'Times New Roman', Times, serif;
    background-color: whitesmoke;
    border-bottom: 1px solid black;
    padding: .5em 0em .5em -3em;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#desc td {
    text-align: center;
    padding-left: 0em;
    margin: 0 auto;
    font-size: 14px;
    height: 10px;
}
#desc caption {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    background-color: slateblue;
    color: white;
}
.language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
}
.themes {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-weight: bold;
}

.svg-display[data-v-318be7b5] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-318be7b5] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-318be7b5] {
  float: left;
}
li a[data-v-318be7b5], .dropbtn[data-v-318be7b5] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-318be7b5]:hover, .dropdown:hover .dropbtn[data-v-318be7b5] {
  background-color: red;
}
li.dropdown[data-v-318be7b5] {
  display: inline-block;
}
.dropdown-content[data-v-318be7b5] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-318be7b5] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-318be7b5]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-318be7b5] {
  display: block;
}
button[data-v-318be7b5] {
  width: 200px;
  height: 40px;
}
.data[data-v-318be7b5] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-318be7b5] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-318be7b5] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-318be7b5] {
  background: #fa4408;
}
.correct[data-v-318be7b5] {
  background: #80c080;
}

.svg-display[data-v-0f0b4ca8] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-0f0b4ca8] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-0f0b4ca8] {
  float: left;
}
li a[data-v-0f0b4ca8], .dropbtn[data-v-0f0b4ca8] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-0f0b4ca8]:hover, .dropdown:hover .dropbtn[data-v-0f0b4ca8] {
  background-color: red;
}
li.dropdown[data-v-0f0b4ca8] {
  display: inline-block;
}
.dropdown-content[data-v-0f0b4ca8] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-0f0b4ca8] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-0f0b4ca8]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-0f0b4ca8] {
  display: block;
}
button[data-v-0f0b4ca8] {
  width: 200px;
  height: 40px;
}
.data[data-v-0f0b4ca8] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0f0b4ca8] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0f0b4ca8] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0f0b4ca8] {
  background: #fa4408;
}
.correct[data-v-0f0b4ca8] {
  background: #80c080;
}

.svg-display[data-v-0f196429] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-0f196429] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-0f196429] {
  float: left;
}
li a[data-v-0f196429], .dropbtn[data-v-0f196429] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-0f196429]:hover, .dropdown:hover .dropbtn[data-v-0f196429] {
  background-color: red;
}
li.dropdown[data-v-0f196429] {
  display: inline-block;
}
.dropdown-content[data-v-0f196429] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-0f196429] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-0f196429]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-0f196429] {
  display: block;
}
button[data-v-0f196429] {
  width: 200px;
  height: 40px;
}
.data[data-v-0f196429] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-0f196429] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-0f196429] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-0f196429] {
  background: #fa4408;
}
.correct[data-v-0f196429] {
  background: #80c080;
}

.svg-display[data-v-454a920a] {
  font-family: 'Space Mono', monospace;
  text-transform: "none";
}
ul[data-v-454a920a] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3f3;
}
li[data-v-454a920a] {
  float: left;
}
li a[data-v-454a920a], .dropbtn[data-v-454a920a] {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a[data-v-454a920a]:hover, .dropdown:hover .dropbtn[data-v-454a920a] {
  background-color: red;
}
li.dropdown[data-v-454a920a] {
  display: inline-block;
}
.dropdown-content[data-v-454a920a] {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-454a920a] {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a[data-v-454a920a]:hover {
  background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content[data-v-454a920a] {
  display: block;
}
button[data-v-454a920a] {
  width: 200px;
  height: 40px;
}
.data[data-v-454a920a] {
  display: inline-block;
  text-transform: none;
  width: 100px;
  height: 30px;
  margin: 5px 3px 5px 3px;
  font-size: 20px;
}
.problem[data-v-454a920a] {
  text-transform: none;
  margin: 1px 2px 1px 2px;
  font-size: 30px;
  color: blue;
  width: 100%;
}
.solution[data-v-454a920a] {
  margin: 15px 5px 5px 5px;
  font-size: 20px;
  color: red;
  width: 100%;
}
.not-correct[data-v-454a920a] {
  background: #fa4408;
}
.correct[data-v-454a920a] {
  background: #80c080;
}

















.eg-code-comment {
  display: inline-block
}
.eg-slideshow {
  margin-top: 0;
  background-color: black;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .eg-slideshow h1, .eg-slideshow h2, .eg-slideshow h3 {
    text-align: center; }
  .eg-slideshow h1 {
    font-size: 4em;
    margin-bottom: 0.1em; }
  .eg-slideshow h2 {
    font-size: 3em; }
  .eg-slideshow h3 {
    font-size: 2em;
    margin-bottom: 0.5em; }
  .eg-slideshow h4 {
    font-size: 1.5em; }
  .eg-slideshow input {
    font-size: 1em; }
  .eg-slideshow strong {
    font-weight: bold; }
  .eg-slideshow .small {
    font-size: 0.65em; }
  .eg-slideshow img {
    max-width: 80%; }
  .eg-slideshow .eg-code-block {
    font-family: 'Source Code Pro', Courier;
    text-align: left;
    font-size: 0.5em; }
    .eg-slideshow .eg-code-block .box {
      padding: 1em; }
  .eg-slideshow .eg-slide {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: absolute; }
  .eg-slideshow .subslide {
    position: absolute;
    margin-top: -1em; }
  .eg-slideshow .inline {
    display: inline-block; }
  .eg-slideshow .center {
    text-align: center; }
    .eg-slideshow .center p {
      text-align: center; }
  .eg-slideshow .quarter {
    display: inline-block;
    width: 50%;
    margin-bottom: 0.5em; }
  .eg-slideshow .eg-switch .switch {
    margin-right: 0.5em; }
  .eg-slideshow .eg-radio .radiobutton {
    margin-right: 0.5em; }
  .eg-slideshow .eg-triggered-message {
    position: absolute; }
  .eg-slideshow .button {
    font-size: 1em; }
  .eg-slideshow .nodisplay {
    display: none; }








.eg-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.eg-code-block.container[data-v-29468740] {
  position: relative;
  width: 100%; }

.eg-code-block .code-box .eg-code-comment[data-v-29468740] {
  display: none; }

.eg-code-block .comments-box[data-v-29468740] {
  position: absolute;
  color: rgba(0, 0, 0, 0);
  top: 0; }

.eg-code-block .eg-code-comment[data-v-29468740] {
  z-index: 10 !important; }

.eg-radio[data-v-872b59a6] {
  /* The slider */ }
  .eg-radio p[data-v-872b59a6] {
    display: inline; }
  .eg-radio .radiobutton[data-v-872b59a6] {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em; }
  .eg-radio .radio[data-v-872b59a6] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 0.5em; }
  .eg-radio .radiodot[data-v-872b59a6] {
    position: absolute;
    cursor: pointer;
    content: "";
    height: 0em;
    width: 0em;
    left: 0.5em;
    bottom: 0.5em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%; }
  .eg-radio .radiodot.checked[data-v-872b59a6] {
    height: .9em;
    width: .9em;
    left: 0.05em;
    bottom: 0.05em; }

.eg-switch[data-v-14b66238] {
  /* The slider */ }
  .eg-switch p[data-v-14b66238] {
    display: inline; }
  .eg-switch .switch[data-v-14b66238] {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 1em; }
  .eg-switch .switch input[data-v-14b66238] {
    display: none; }
  .eg-switch .slider[data-v-14b66238] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 0.5em; }
  .eg-switch .sliderdot[data-v-14b66238] {
    position: absolute;
    cursor: pointer;
    content: "";
    height: 0.8em;
    width: 0.8em;
    left: 0.1em;
    bottom: 0.1em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: .4em; }
  .eg-switch .sliderdot.checked[data-v-14b66238] {
    -webkit-transform: translateX(1em);
    -ms-transform: translateX(1em);
    transform: translateX(1em); }

