code{font-family:monospace;font-size:1.2em;padding:3px;background-color:#f4f4f4}pre{border:1px solid #d6d6d6;padding:0.5rem 0.8rem;margin-bottom:1.5rem;font-family:monospace;font-size:1rem;line-height:1.5rem;overflow:auto}.highlight .hll{background-color:#d6d6d6}.highlight{background:#f4f4f4;color:#4d4d4c}.highlight .c{color:#8e908c}.highlight .err{color:#c82829}.highlight .k{color:#8959a8}.highlight .l{color:#f5871f}.highlight .n{color:#4d4d4c}.highlight .o{color:#3e999f}.highlight .p{color:#4d4d4c}.highlight .cm{color:#8e908c}.highlight .cp{color:#8e908c}.highlight .c1{color:#8e908c}.highlight .cs{color:#8e908c}.highlight .gd{color:#c82829}.highlight .ge{font-style:italic}.highlight .gh{color:#4d4d4c;font-weight:bold}.highlight .gi{color:#718c00}.highlight .gp{color:#8e908c;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#3e999f;font-weight:bold}.highlight .kc{color:#8959a8}.highlight .kd{color:#8959a8}.highlight .kn{color:#3e999f}.highlight .kp{color:#8959a8}.highlight .kr{color:#8959a8}.highlight .kt{color:#eab700}.highlight .ld{color:#718c00}.highlight .m{color:#f5871f}.highlight .s{color:#718c00}.highlight .na{color:#4271ae}.highlight .nb{color:#4d4d4c}.highlight .nc{color:#eab700}.highlight .no{color:#c82829}.highlight .nd{color:#3e999f}.highlight .ni{color:#4d4d4c}.highlight .ne{color:#c82829}.highlight .nf{color:#4271ae}.highlight .nl{color:#4d4d4c}.highlight .nn{color:#eab700}.highlight .nx{color:#4271ae}.highlight .py{color:#4d4d4c}.highlight .nt{color:#3e999f}.highlight .nv{color:#c82829}.highlight .ow{color:#3e999f}.highlight .w{color:#4d4d4c}.highlight .mf{color:#f5871f}.highlight .mh{color:#f5871f}.highlight .mi{color:#f5871f}.highlight .mo{color:#f5871f}.highlight .sb{color:#718c00}.highlight .sc{color:#4d4d4c}.highlight .sd{color:#8e908c}.highlight .s2{color:#718c00}.highlight .se{color:#f5871f}.highlight .sh{color:#718c00}.highlight .si{color:#f5871f}.highlight .sx{color:#718c00}.highlight .sr{color:#718c00}.highlight .s1{color:#718c00}.highlight .ss{color:#718c00}.highlight .bp{color:#4d4d4c}.highlight .vc{color:#c82829}.highlight .vg{color:#c82829}.highlight .vi{color:#c82829}.highlight .il{color:#f5871f}table{border-collapse:collapse;margin:20px 0 0;padding:0}table tr{border-top:1px solid #ccc;background-color:#fff;margin:0;padding:0}table tr:nth-child(2n){background-color:#f8f8f8}table tr th,table tr td{border:1px solid #ccc;margin:0;padding:6px 20px}@font-face{font-family:'Helvetica Neue Heavy';src:url("../assets/fonts/HelveticaNeueLTStd-Hv.otf")}@font-face{font-family:'Helvetica Neue Bold';src:url("../assets/fonts/HelveticaNeueLTStd-Bd.otf")}@font-face{font-family:'Helvetica Neue Standard';src:url("../assets/fonts/HelveticaNeueLTStd-Lt.otf")}@font-face{font-family:'Helvetica Neue Light';src:url("../assets/fonts/HelveticaNeueLTStd-Th.otf")}@font-face{font-family:'Roboto Slab Light';src:url("../assets/fonts/RobotoSlab-Light.ttf")}@font-face{font-family:'Roboto Slab Regular';src:url("../assets/fonts/RobotoSlab-Light.ttf")}.btn-dark,.btn-light{font-family:"Helvetica Neue Bold";font-size:0.9em;border:none;border-radius:50px;display:inline-block;text-transform:uppercase;padding:18px 30px 12px;margin:5px}.btn-dark:hover,.btn-light:hover{cursor:pointer}.btn-dark{background-color:#5F5F5F;color:#dfdfdf}.btn-dark:hover{color:#fff}.btn-dark.active{background-color:#036575;color:#12F1FC}.btn-light{background-color:#dfdfdf;color:#5F5F5F}.btn-light.active{background-color:#12F1FC;color:#036575}.btn-curriculum{display:inline-block;min-width:550px;text-align:center}.splash{background:url("/assets/images/heroimage2.jpg") 100%;background-size:cover;border-bottom:8px solid #12f1fc;height:450px;display:flex;align-items:center;position:relative}.splash:after{background-color:rgba(0,0,0,0.4);content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.splash-text{color:#FFF;margin:auto 0;max-width:700px;z-index:2}.splash-text h1{font-family:"Helvetica Neue Heavy",sans-serif;font-size:7em;margin:0px 0px 0px 80px;line-height:1em;letter-spacing:-5px}.splash-text p{font-family:"Helvetica Neue",sans-serif;font-size:1.1em;margin:0px 0px 0px 80px}.resources-section{text-align:center;padding-bottom:70px}.resources-section h2{font-family:"Helvetica Neue Heavy";font-size:4em;letter-spacing:-2px;margin:0;padding:60px 0 20px}.resources-section img{margin:5px;width:300px}.resources-section p{margin:0 auto 25px;max-width:800px;padding:0 15px}.section-light{background-color:#F2F2F2}.section-light h2,.section-light p{color:#5F5F5F}.section-dark{background-color:#212121}.section-dark h2{color:#dfdfdf}.section-dark p,.section-dark a{color:#929292}@media (max-width: 800px){.splash{height:350px}.splash-text h1{font-size:5em;margin-left:50px;letter-spacing:-4px}.splash-text p{font-size:1em;margin:0px 0px 0px 50px}.resources-section img{margin:10px;width:250px}}@media (max-width: 550px){.splash{height:275px}.splash-text h1{font-size:3.5em;margin-left:15px;letter-spacing:-3px}.splash-text p{font-size:0.9em;margin:0px 0px 0px 15px}.resources-section img{margin:5px;width:200px}}.four-oh-four{text-align:center}.four-oh-four img{height:150px;width:150px}html,body{box-sizing:border-box;width:100%;height:100%;margin:0;font-family:'Open Sans', sans-serif}*,*:before,*:after{box-sizing:inherit}p{line-height:1.6em}.uppercase{text-transform:uppercase}li{line-height:2em}li.task-list-item{list-style-type:none;text-indent:-1.5em}li.task-list-item input{margin-right:7px}strong{font-weight:600}img{max-width:100%}a{border-bottom:2px solid #c5c5c5;color:#016e74;text-decoration:none;transition:all 0.3s}a:hover{border-color:#5F5F5F}iframe{border:1px solid #929292;margin-bottom:1em}blockquote{margin-bottom:1em;padding-left:1em;border-left:5px solid #c5c5c5}blockquote p{font-family:Georgia, serif;font-size:1.25em;margin-bottom:0.5em}blockquote footer{border:none;margin-top:0;padding-top:0;text-align:right;font-size:1.5em;font-style:italic}blockquote footer::before{content:"— "}footer{background-color:#F2F2F2;color:#5F5F5F;padding:15px 10px;text-align:center}footer p{margin:5px auto}@media (max-width: 550px){footer p{font-size:0.8em}}.container{min-height:100vh}.hide{display:none}header{margin-bottom:2em}header>h1{font-weight:400;line-height:1.2em}@media (min-width: 800px){.responsive-iframe-container .tablet{display:none}}.responsive-iframe-container .tablet iframe{height:400px}@media (max-width: 550px){.responsive-iframe-container .tablet iframe{width:250px}}.responsive-iframe-container .desktop{display:block}.responsive-iframe-container .desktop iframe{width:800px;height:400px}@media (max-width: 800px){.responsive-iframe-container .desktop{display:none}}.content{padding:2em 3em;margin:auto;max-width:1200px}.content h1:first-child,.content h2:first-child,.content h3:first-child,.content h4:first-child,.content h5:first-child,.content h6:first-child{margin-top:1em}.content a:link,.content a:visited{color:blue;text-decoration:none;font-weight:900}.content a:link:hover,.content a:visited:hover{color:black}.lesson a:link,.lesson a:visited,.project a:link,.project a:visited{color:#464646;text-decoration:none;font-weight:500}.small{width:40%;margin:15px 10px}.medium{width:50%;margin:15px 10px}.medium-large{width:70%;margin:20px 10px;display:block}.call-to-action,.checks-for-understanding,.note{margin-top:30px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);margin-bottom:40px;padding:5px 30px}.call-to-action{border-left:8px solid #06d0f1}.checks-for-understanding{border-left:8px solid #06d0f1;background-color:#dbfdff}.note{border-left:8px solid #f0a131;background-color:#feefcd}.google-form{border:none}.mod-description{color:#666;font-size:0.9em;width:70%}.expander-btn{background-color:inherit;border:none;color:#5F5F5F;outline:none}.expander-btn:hover{color:#929292}.expander-content{background-color:#FAFAFA;overflow:auto;padding-bottom:15px}.arrow-right{transform:rotate(0deg);transition:transform 0.25s linear;height:20px;width:20px}.arrow-right.down{transform:rotate(90deg);transition:transform 0.25s linear}.expander-btn h4{margin:10px 0}.expander-content code{background-color:#EEE}nav{border-bottom:2px solid #dfdfdf;font-family:"Helvetica Neue";font-weight:700;position:sticky;top:0;z-index:99;background:#fff}.nav-links{display:grid;grid-template-columns:auto 200px 200px;grid-template-rows:120px;align-items:center;justify-items:center;grid-gap:0 10px;list-style:none;margin:0 50px;padding-left:0}.nav-links li:first-child{justify-self:left;margin:5px 0}.nav-links a{color:#5F5F5F;border-bottom:3px solid transparent;transition:border-color 0.3s}.nav-links li:not(:first-child) a:hover{border-bottom:3px solid #06d0f1}.nav-links .home-logo-link img{display:block;height:80px;width:80px}.nav-links a.active-link{border-bottom:3px solid #06d0f1}@media (max-width: 800px){.nav-links{margin:0 35px;font-size:0.9rem;grid-template-columns:auto 75px 75px 75px 150px;grid-template-rows:90px}.nav-links .home-logo-link img{height:55px;width:55px}}@media (max-width: 550px){.nav-links{margin:15px;font-size:1rem;grid-template-columns:auto 200px;grid-template-rows:35px 35px 35px 55px;justify-items:right}.nav-links li{grid-column:2}.nav-links li:first-child{grid-column:1;grid-row:1 / 5}.nav-links .home-logo-link img{height:70px;width:70px}}.search-bar input{font-weight:500;outline-color:#06d0f1;padding-left:0.5em;margin-left:15px;position:relative;border:1px solid #929292;width:200px}.search-bar input::placeholder{color:#929292}@media (max-width: 800px){.search-bar input{width:150px}}@media (max-width: 550px){.search-bar input{margin-top:5px;width:200px}}.clear-search{position:absolute;right:50px;top:45px;border:none;background:none;outline:none;margin:0;padding:0;box-shadow:none;font-size:1em}.clear-search:hover{cursor:pointer;box-shadow:none}.clear-search img{z-index:100;height:15px;width:15px}@media (max-width: 800px){.clear-search{right:35px;top:33px}}@media (max-width: 550px){.clear-search{right:25px;top:135px}}.search-results-container{background-color:#F8F8F8;border:1px solid #BBB;box-shadow:0 0 3px rgba(0,0,0,0.3);position:absolute;top:12%;left:5%;z-index:100;width:85%;padding:0 10px;margin-bottom:30px}.search-results-container ul{list-style-type:none;padding-left:10px}.search-results-container img{height:15px;width:15px;position:absolute;top:10px;right:10px}.search-results-container img:hover{cursor:pointer}@media (max-width: 550px){.search-results-container{top:200px;width:90%;left:10px}}.result p{font-size:0.85em;color:#5D5D5D;margin:5px auto 15px auto}.search-highlight{background-color:#DDD;color:#222}