.agile{position:relative}.agile--ssr .agile__slides--cloned{display:none}.agile--ssr .agile__slides>*{overflow:hidden;width:0}.agile--ssr .agile__slides>:first-child{width:100%}.agile--rtl .agile__actions,.agile--rtl .agile__dots,.agile--rtl .agile__slides,.agile--rtl .agile__track{flex-direction:row-reverse}.agile :active,.agile :focus,.agile:active,.agile:focus{outline:none}.agile__list{display:block;overflow:hidden;position:relative;width:100%}.agile__track{display:flex;flex-direction:row;flex-wrap:nowrap}.agile__actions{display:flex;justify-content:space-between}.agile--no-nav-buttons .agile__actions{justify-content:center}.agile__slides{align-items:center;display:flex;flex-direction:row;flex-grow:1;flex-shrink:unset;flex-wrap:nowrap;justify-content:flex-start}.agile--disabled .agile__slides{display:block;width:100%}.agile__slide{display:block;flex-grow:1;flex-shrink:0}.agile__slide,.agile__slide *{-webkit-user-drag:none}.agile--fade .agile__slide{opacity:0;position:relative;z-index:0}.agile--fade .agile__slide--active{opacity:1;z-index:2}.agile--fade .agile__slide--expiring{opacity:1;transition-duration:0s;z-index:1}.agile__nav-button[disabled]{cursor:default}.agile__dots{align-items:center;display:flex;list-style:none;padding:0;white-space:nowrap}.agile__caption{position:absolute;left:50%;bottom:5%;width:98%;transform:translateX(-50%);font-size:1.45em;margin:20px 0;font-weight:400;color:#eee;text-shadow:-1px -1px 0 #212529,1px -1px 0 #212529,-1px 1px 0 #212529,1px 1px 0 #212529;text-align:center;font-family:Crimson Text,Serif,serif}.agile__nav-button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:24px;height:100%;position:absolute;top:0;transition-duration:.3s;width:80px}.agile__nav-button:hover{background-color:rgba(0,0,0,.5);opacity:1}.agile__nav-button--prev{left:0}.agile__nav-button--next{right:0}.agile__dots{bottom:10px;left:50%;position:absolute;transform:translateX(-50%)}.agile__dot{margin:0 10px}.agile__dot button{background-color:transparent;border:1px solid #fff;border-radius:50%;cursor:pointer;display:block;height:10px;font-size:0;line-height:0;margin:0;padding:0;transition-duration:.3s;width:10px}.agile__dot--current button,.agile__dot:hover button{background-color:#fff}.slide{display:block;height:100vh;-o-object-fit:scale-down;object-fit:scale-down}audio{position:absolute;bottom:20px;right:20px;opacity:.3;width:100px}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-timeline-container{display:none}audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-volume-slider-container{display:none}audio::-webkit-media-controls-time-remaining-display{display:none}.long-caption-container{z-index:100000;top:30px;left:50%;transform:translateX(-50%);position:absolute;padding:30px;width:40%;border-color:#eee;border-width:2px;border-style:double;border-radius:5px;background-color:#212529}@media only screen and (max-width:1080px){.long-caption-container{width:80%}}@media only screen and (max-width:500px){.long-caption-container{width:90%;padding:10px}}.logo{z-index:10000;width:200px;height:71.6px;position:absolute;top:10px;left:10px}@media only screen and (max-width:1080px){.logo-landing{position:static;margin:10px}}.grid-container{display:grid;justify-content:center;text-align:center;height:100vh;margin:20px 10px}@media only screen and (max-width:1080px){.grid-container{display:block;height:100%}.grid-container .buffered{margin:40px 0}}.code-container{display:grid;justify-content:center;text-align:center;margin-top:10%;width:100%;height:30pt}.code-input{height:100pt}.intro-container{margin:0 15%}body,html{background-color:#212529;margin:0}@font-face{font-family:FucXedLatin;src:url(/fonts/FUCXEDCAPSLatin-Regular.d9ae55b0.woff);font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Crimson Text;src:url(/fonts/CrimsonText-Regular.057a30f8.woff);font-display:swap}.header-text{font-family:FucXedLatin,sans-serif;color:#eee}.xlarge-text{font-size:64px}.large-text{font-size:48px}.normal-text{font-size:32px}.normal-text,.small-text{font-family:Crimson Text,Serif,serif;color:#eee}.small-text{font-size:18px}.tiny-text{font-family:Crimson Text,Serif,serif;color:#eee;font-size:14px}.pull-to-right{margin-top:20px;display:inline;float:right}.underline-text{text-decoration:underline}.pointer-text{cursor:pointer}.noncentered-text{text-align:left}