/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
:root{--primary:#666;--info:#00639d;--info-hover:#409fd9;--warning:#ffda00;--warning-hover:#d7b80b;--alert:#e20d18;--alert-hover:#f1353f;--white:#fff;--comment:#5c8607;--basic-border:#f0f0f0;--basic-box-shadow:rgba(0,0,0,.15)}.dark-theme{--primary:#e5e5e5;--info:#49bcff;--info-hover:#1c6fa1;--warning:#ffda00;--warning-hover:#d7b80b;--alert:#f65159;--alert-hover:#f38287;--white:#2f2f2f;--comment:#79a61e;--basic-border:#f0f0f0;--basic-box-shadow:rgba(0,0,0,.15)}.fluffy-unicorn{--primary:#ae1be0;--info:#ad56ce;--info-hover:#bf74dc;--warning:#a87de5;--warning-hover:#b192de;--alert:#fc4049;--alert-hover:#ef6f75;--white:#ffc6fb;--comment:#79a61e;--basic-border:snow;--basic-box-shadow:rgba(0,0,0,.15)}.x-mass{--primary:#cc231e;--info:#235e6f;--info-hover:#4295ad;--warning-hover:#b192de;--alert:#7c211e;--alert-hover:#b04541;--white:#34a65f;--comment:#79a61e;--basic-border:snow;--basic-box-shadow:rgba(0,0,0,.15)}body,html{background-color:var(--white);height:100%;min-height:100%}h1,h2,h3,h4,h5,h6{font-size:1.2em}.container,body,html{background-color:var(--white);color:var(--primary);font-family:ff-scala-sans-pro,sans-serif;font-size:16px;line-height:1.4}a,a:visited{color:var(--info);text-decoration:none}a:hover{color:var(--info-hover);text-decoration:underline}.btn{background-color:var(--info);color:#fff}.btn,.btn-outline{border:1px solid var(--info);border-radius:3px;cursor:pointer;padding:5px}.btn-outline{background-color:transparent;color:var(--primary)}.btn:hover{background-color:var(--info-hover)}.btn-warning{background-color:var(--warning)}.btn-warning:hover{background-color:var(--warning-hover)}.btn-alert{background-color:var(--alert)}.btn-alert:hover{background-color:var(--alert-hover)}.navigation a,.navigation a:hover,.navigation a:visited{text-decoration:none}code{color:var(--info);font-family:Consolas,sans-serif}h3.text-alert{margin-top:50px}h3.text-alert:first-child{margin-top:0}code[class*=language-],pre[class*=language-]{margin:40px 0}code[class*=language-].single-line{margin:5px;padding:5px}.main{margin-bottom:175px;margin-left:220px;padding-left:40px;padding-right:20px}.navigation{border-right:1px solid var(--primary);bottom:0;margin-bottom:20px;min-width:200px;overflow-x:hidden;overflow-y:scroll;position:fixed;top:0}.header{display:flex}.logo{width:200px}.header-logo{margin-left:30px}.container{display:flex;width:100%}.double-pane{display:grid;grid-template-columns:49% 2% 49%}.double-pane .spacer{border-left:1px solid var(--info);margin:0 5px}.double-pane h3,.double-pane h4{text-align:center}.main{flex:1;height:100%;max-width:1000px;overflow:visible;width:100%}.assignment,.the-answer{border-bottom:2px dotted var(--warning);margin-bottom:40px}.code-image{border-bottom:1px solid var(--primary);border-left:1px solid var(--primary)}.navigation{padding:10px}.hidden,.show-mobile{display:none}.pointer{cursor:pointer}.no-padding{padding:0}.no-margin{margin:0}.table-cell{min-width:100px}.text-larger{font-size:2em}.text-smaller{font-size:.8em}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-info{color:var(--info)}.text-warning{color:var(--warning)}.text-alert{color:var(--alert)}.text-italic{font-style:italic}.comment{color:var(--comment)}.bg-primary{background-color:var(--primary)}.bg-info,.bg-primary{color:var(--white);padding-left:5px}.bg-info{background-color:var(--info)}.bg-warning{background-color:var(--warning)}.bg-alert,.bg-warning{color:var(--white);padding-left:5px}.bg-alert{background-color:var(--alert)}.pt-4{padding-top:35px}h4[class*=text-]{font-size:1em;margin-left:5px}h5[class*=text-]{font-size:inherit;margin-left:10px}.navigation .header-two:hover,.navigation .link-item:hover{color:var(--info)}.navigation .link-item.active a{color:var(--alert)}.navigation .link-item.active a:hover,.navigation .link-item.active:hover a,.navigation .link-item.active:hover a:hover{color:var(--alert-hover)}.header-two{cursor:pointer;margin:0 2px;padding:0 15px}.learning-items{list-style:none;margin:0;padding-left:30px}.learning-items>.link-item{cursor:pointer}.learning-items .learning-items{margin:0;padding:5px}.learning-items .learning-items .link-item{font-size:.8em}.page-index{margin-bottom:20px}.index-item:before{content:" \2622  "}.index-item:hover:before{content:" \2623  "}.index-item{cursor:pointer;font-size:.9em;margin-left:10px}.index-item.index-second{font-size:.85em;font-size:.8em;margin-left:20px;margin-left:25px}.index-item.index-third{font-size:.78em;margin-left:40px}.basic-image,.table-full{width:100%}.basic-image-half,.table-half{width:50%}.basic-image-75{width:75%}.basic-image,.basic-image-75,.basic-image-half{border:1px solid var(--basic-border);box-shadow:0 2px 4px var(--basic-box-shadow);padding:1em}.no-list-item{list-style-type:none}.list-item{margin:5px}.mt-1{margin-top:25px}.mt-2{margin-top:50px}.mt-3{margin-top:75px}.close-menu,.open-menu{display:none}.show-example{border:1px solid #a9a9a9;margin:5px 25px;min-height:50px;padding:0 10px}.base-footer{display:grid;grid-template-columns:1fr 1fr;margin:30px 20px}.next-menu{text-align:right}.the-video{height:50vw;width:100%}.fluffy{height:50px;width:50px}.right{transform:scaleX(-1)}.left,.right{filter:FlipH;-ms-filter:"FlipH";height:50px;width:50px}.left{transform:scaleX(1)}#bee{transition:transform .1s}.trail{width:50px}.pre-undertitle{font-size:80%;font-style:italic;margin-bottom:15px;margin-top:-35px}.full-width{width:100%}.dark-theme code[class*=language-],.dark-theme pre[class*=language-]{background-color:#424040}
@media only screen and (min-width:1200px){.the-video{height:473px;width:840px}}@media only screen and (max-width:1200px){.double-pane{display:block}.double-pane .spacer{display:none}}@media only screen and (max-width:1000px){section{font-size:1.2em}.basic-image,.basic-image-75,.basic-image-half,.code-image,.header,.table-half{width:100%}.header{background:var(--white);height:60px;left:0;position:fixed;top:0;z-index:100}.main-section{margin-top:50px}code[class*=language-],pre[class*=language-]{font-size:.9em}.container{display:flex;padding:10px}.main{margin:0;padding:5px;z-index:0}.navigation{background-color:var(--white);font-size:1.5em;margin:-10px;min-height:100%;opacity:1;overflow:auto;transition:opacity .5s linear;width:400px;z-index:100}.navigation.hide{opacity:0}.navigation.hide.second{z-index:-100}.close-menu,.open-menu{border:1px solid #a9a9a9;border-radius:5px;cursor:pointer;display:block;height:35px;padding-top:2px;position:absolute;text-align:center;top:5px;width:35px}.close-menu{font-size:1.4em;left:5px}.open-menu{left:350px;position:fixed}.page-index{font-size:1.4em}h1,h2,h3,h3.text-alert:first-child,h4,h5{margin:20px 0;padding:0}.bg-alert{margin-top:20px}.header-logo{margin-left:50px;margin-top:5px}.main-title{margin:15px 0}.show-mobile{display:block}.text-larger{font-size:1.5em}.mbo-sd-fiddle,.page-index{display:none}}@media only screen and (max-width:400px){.navigation{max-width:100%;min-width:100%;width:100%}.open-menu{left:calc(100% - 40px);right:5px}}