idth:621px}.remark-slide-
container{display:block;position:relative}.remark-slide-scaler{-moz-box-
shadow:none;-webkit-box-shadow:none;-webkit-transform-origin:initial;box-
shadow:none}}@page{margin:0}",  
|  containerLayout:'<div class="remark-notes-area">\n <div class="remark-top-
area">\n <div class="remark-toolbar">\n <a class="remark-toolbar-link"
href="#increase">+</a>\n <a class="remark-toolbar-link"
href="#decrease">-</a>\n <span class="remark-toolbar-timer"></span>\n </div>\n
</div>\n <div class="remark-bottom-area">\n <div class="remark-notes-current-
area">\n <div class="remark-toggle">Notes for current slide</div>\n <div
class="remark-notes"></div>\n </div>\n <div class="remark-notes-preview-
area">\n <div class="remark-toggle">Notes for next slide</div>\n <div
class="remark-notes-preview"></div>\n </div>\n </div>\n</div>\n<div
class="remark-slides-area"></div>\n<div class="remark-preview-
area"></div>\n<div class="remark-backdrop"></div>\n<div class="remark-
pause">\n <div class="remark-pause-lozenge">\n <span>Paused</span>\n
</div>\n</div>\n<div class="remark-help">\n <div class="remark-help-
content">\n <h1>Help</h1>\n <p><b>Keyboard shortcuts</b></p>\n <table
class="light-keys">\n <tr>\n <td>\n <span class="key"><b>&uarr;</b></span>,\n
<span class="key"><b>&larr;</b></span>,\n <span class="key">Pg Up</span>,\n
<span class="key">k</span>\n </td>\n <td>Go to previous slide</td>\n </tr>\n
<tr>\n <td>\n <span class="key"><b>&darr;</b></span>,\n <span
class="key"><b>&rarr;</b></span>,\n <span class="key">Pg Dn</span>,\n <span
class="key">Space</span>,\n <span class="key">j</span>\n </td>\n <td>Go to
next slide</td>\n </tr>\n <tr>\n <td>\n <span class="key">Home</span>\n
</td>\n <td>Go to first slide</td>\n </tr>\n <tr>\n <td>\n <span
class="key">End</span>\n </td>\n <td>Go to last slide</td>\n </tr>\n <tr>\n
<td>\n Number + <span class="key">Return</span>\n </td>\n <td>Go to specific
slide</td>\n </tr>\n <tr>\n <td>\n <span class="key">b</span>&nbsp;/\n <span
class="key">m</span>&nbsp;/\n <span class="key">f</span>\n </td>\n <td>Toggle
blackout / mirrored / fullscreen mode</td>\n </tr>\n <tr>\n <td>\n <span
class="key">c</span>\n </td>\n <td>Clone slideshow</td>\n </tr>\n <tr>\n
<td>\n <span class="key">p</span>\n </td>\n <td>Toggle presenter mode</td>\n
</tr>\n <tr>\n <td>\n <span class="key">t</span>\n </td>\n <td>Restart the
presentation timer</td>\n </tr>\n <tr>\n <td>\n <span class="key">?</span>,\n
<span class="key">h</span>\n </td>\n <td>Toggle this help</td>\n </tr>\n
</table>\n </div>\n <div class="content dismiss">\n <table class="light-
keys">\n <tr>\n <td>\n <span class="key">Esc</span>\n </td>\n <td>Back to
slideshow</td>\n </tr>\n </table>\n
</div>\n</div>\n'}},{}],23:[function(e,t,a){function r(e,t){var
a=this;a.events=e,a.slideshow=t,a.ratio=s(t),a.dimensions=n(a.ratio),a.events.on("propertiesChanged",function(e){e.hasOwnProperty("ratio")&&(a.ratio=s(t),a.dimensions=n(a.ratio))})}function
s(e){var t,a=e.getRatio().split(":");return
t={width:parseInt(a[0],10),height:parseInt(a[1],10)},t.ratio=t.width/t.height,t}function
n(e){return{width:Math.floor(i/o*e.ratio),height:l}}var
i=908,l=681,o=i/l;t.exports=r,r.prototype.scaleToFit=function(e,t){var
a,r,s,n,i,l=this,o=t.clientHeight,c=t.clientWidth,d=l.ratio,m=l.dimensions;a=c/d.width>o/d.height?o/m.height:c/m.width,r=m.width*a,s=m.height*a,n=(c-r)/2,i=(o-s)/2,e.style["-webkit-
transform"]="scale("+a+")",e.style.MozTransform="scale("+a+")",e.style.left=Math.max(n,0)+"px",e.style.top=Math.max(i,0)+"px"}},{}],24:[function(e,t,a){a.addClass=function(e,t){e.className=a.getClasses(e).concat([t]).join("
")},a.removeClass=function(e,t){e.className=a.getClasses(e).filter(function(e){return
e!==t}).join(" ")},a.toggleClass=function(e,t){var
r=a.getClasses(e),s=r.indexOf(t);s!==-1?r.splice(s,1):r.push(t),e.className=r.join("
")},a.getClasses=function(e){return e.className.split("
").filter(function(e){return""!==e})},a.hasClass=function(e,t){return
a.getClasses(e).i