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}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}li{line-height:2em}img{max-width:100%}.hidden{display:none}a{border-bottom:3px solid #c5c5c5;color:#01373c;text-decoration:none;transition:all 0.5s}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-size:16px;font-style:italic;line-height:1.8;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{border-top:1px dashed #acacac;margin-top:5em;padding-top:2em}.container{display:flex;min-height:100vh}@media (max-width: 800px){.container{flex-direction:column}}header{margin-bottom:2em}header>h1{font-weight:400;line-height:1.2em}header>h1>small{display:block;font-weight:300}.content{width:100%}@media (max-width: 800px){.content:100%}.underline{text-decoration:underline}.landing-container{width:95%;margin:0 auto}.uppercase{text-transform:uppercase}.sidebar-navigation--logo{background-color:#5F5F5F;padding:1em;width:240px}@media (max-width: 800px){.sidebar-navigation--logo{width:100%}}.turing-logo{margin:0;display:block}@media (max-width: 800px){.turing-logo{max-width:200px;margin:0 auto}}.sidebar{min-width:240px;max-width:240px;background-color:#f5f5f5;color:#0a0a0a;border-right:1px solid #c2c2c2;box-shadow:1px 1px 2px #eee}@media (max-width: 800px){.sidebar{font-size:0.85em;min-width:100%;max-width:100%;padding-top:0;border-right:none;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2}}.sidebar h1{padding-left:1em;padding-top:0.75em;padding-bottom:0.75em;background-color:#fff;border-bottom:1px solid #05c2d1;font-size:1.1em;margin:0}@media (max-width: 800px){.sidebar h1{text-align:center}}.sidebar ul,.sidebar ol{list-style:none;padding-left:0}@media (max-width: 800px){.sidebar ul,.sidebar ol{display:flex;flex-wrap:wrap;justify-content:center}}.sidebar li{margin-bottom:0;line-height:1.8em}.sidebar-navigation--links a{display:block;padding:0.5em 1.1em;border-bottom:none;color:#0a0a0a}.sidebar-navigation--links a:hover{background-color:#dcdcdc}.sidebar-navigation--links a:active{background-color:#05c2d1;box-shadow:0 0 2px rgba(0,0,0,0.5)}@media (max-width: 800px){.sidebar-navigation--links{display:flex;flex-wrap:wrap}.sidebar-navigation--links section{min-width:300px;width:50%}}@media (max-width: 800px) and (max-width: 750px){.sidebar-navigation--links section{width:auto}}@media (max-width: 750px){.sidebar-navigation--links{flex-direction:column}}.active-link{background-color:#ced2d2}.content .lesson-title{padding:23px 35px}ul.module-quick-links{font-weight:100;display:flex}table th,td,tr{border:1px solid #dfdfdf;padding:10px}table{box-shadow:inset 0 0 1em #dfdfdf,0 0 1em #929292}#module-list{align-content:center}.title{text-align:center}pre{overflow-x:scroll}.try-it{background-color:#d7fbfe;border:1px solid #05c2d1;padding:1em}.try-it pre{border:1px solid black;background-color:#323232;color:white}.highlighter-rouge{max-width:100%}.highlighter-rouge pre{white-space:pre-wrap}.outlines{display:flex;flex-wrap:wrap}.outlines a{border-bottom:none;background-color:#f8f8f8;border:1px solid #dfdfdf;margin-right:1em;margin-bottom:1em;padding:1em}.outlines a:hover{background-color:#dfdfdf;border-color:#929292}.outlines ul{padding-left:0}ul.outlines a{width:18%;text-align:center}@media screen and (max-width: 550px){ul.outlines a{width:90%}}.outline{display:block;list-style:none;margin-left:0;margin-bottom:0}.window{margin:0px auto 30px auto;background:#EDEDED;border-radius:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 22px 50px 0px rgba(0,0,0,0.35),0 0 0 1px rgba(0,0,0,0.2);text-align:left;z-index:0;visibility:hidden;opacity:0;visibility:visible;opacity:1}.window .terminal-container{border-radius:5px}.window h1.titleInside{margin:0px;position:relative;z-index:2;color:#3c3c3c;font-size:13px;line-height:21px;text-decoration:none;text-shadow:0 1px 1px #e7e7e7;text-align:center;text-transform:capitalize;font-weight:normal}.window nav.control-window{float:left;padding:2px 0px 0px 10px;left:5px;top:3px;z-index:10;height:19px}.window nav.control-window a{display:inline-block;margin:2px 3px 3px 1px;width:12px;height:12px;border-radius:100%;text-indent:-9999px;position:relative;border:none;box-shadow:inset 0 0 1px rgba(0,0,0,0.3)}.window nav.control-window a.close{background:#FB5149}.window nav.control-window a.minimize{background:#FFB429}.window nav.control-window a.maximize{background:#24C238}.window nav.control-window a.deactivate{background:#b5b5b5}div.terminal{background:#333;color:#DDD;white-space:pre-line;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:100%;overflow-x:auto;overflow-y:hidden}div.terminal table{margin-left:10px;margin-right:10px;box-shadow:none}div.terminal tr{padding:0}div.terminal td{vertical-align:top;border:none;padding:0}div.terminal pre{background:none;border:none;margin-top:0.5em;padding-left:0px;padding-top:0px;box-shadow:none;-webkit-box-shadow:none;overflow-x:auto}div.terminal pre span{display:block}div.terminal pre.line-numbers span{display:inline;color:#586e75}div.terminal span.command{color:#FFF}div.terminal span.output{color:#BBB}div.terminal code{background-color:transparent;display:inline;padding:0}.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:20px}.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}.splash{background:grey;background-size:cover;border-bottom:8px solid #ef3852;height:200px;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:1000px;z-index:2}.splash-text h1{font-family:"Helvetica Neue Heavy",sans-serif;font-size:5em;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}}#meta h1{color:#fff}body,html{background-color:#f5f5f5;height:100%;margin:0;font-family:"Open Sans",sans-serif}a:link,a:visited{text-decoration:none;color:#05c2d1}#toc a:hover,a:hover{color:#000}blockquote{font-family:Lato, sans-serif;font-size:28px;width:90%}header{background-color:#3c4040}h1{margin:0;padding:23px 35px;font-weight:200;margin-bottom:-32px}#view-toggle span.active,section h3{color:#333;font-weight:600}#meta{background-color:#05c2d1;font-size:11px;padding:1px 40px;left:0;bottom:0;height:50px}#meta a{color:white;text-decoration:none}#meta span{margin:0 5px}#wrapper{display:flex;min-height:100%}.nounderline{text-decoration:none !important}#toc{position:-webkit-sticky;position:sticky;top:0;height:100%;flex-grow:1;background:#f5f5f5;border-right:1px solid #ccc;padding:25px 30px;min-width:15%;z-index:0}#toc ol{list-style-type:none;padding:0;margin:10px 0px}#toc ol li{padding:3px 0}#toc a:link,#toc a:visited{color:#3c4040}#content-container{flex-grow:3;padding:50px 60px;margin:-6px 8px 0 0;background:#fff;box-shadow:-1px -1px 2px #0097a2;position:relative;z-index:1}#content-container section{color:#555;width:100%}#content-container hr{width:100%;height:1px;background-color:#eee;border:0;margin:50px 0}section .things-to-note h4,section h2{margin:0}#view-toggle{position:absolute;top:8px;right:10px;font-size:11px;color:#666}section h2,section h2 a{color:#000}section h3{margin:0;padding:20px 0 0}section p{line-height:1.5em}section ul{-webkit-padding-start:20px}section code{font-size:16px;color:#fc4b60}section .things-to-note{padding:20px;font-size:13px;background-color:#fef7e6;border:1px solid #eee;margin-top:10px}section img.right{float:right;margin:20px 0 0 50px;max-width:45%}textarea{resize:none;width:95%;height:75px;font-size:16px;color:#fc4b60;font-family:monospace}.section-image{height:75px}.flex-container{display:flex}.inner-fcontainer{flex-basis:100%}.inner-fcontainer.border{border:1px solid grey;padding:10px}li:hover,p:hover{background-color:#eeeeee}.try-it{background-color:#d7fbfe;border:1px solid #05c2d1;padding:1em}.try-it pre{border:1px solid black;background-color:#323232;color:white}.vocab{color:#9b0428;font-weight:bold;background-color:#ffecf0}.page-header h1{color:#fff}.together{background-color:#fef7e6;border:1px solid #f9ae06;padding:1em;margin-bottom:3em}@media (max-width: 750px){.together{flex-direction:column}}.bright{color:#9b0428}.cors{background-color:eee}.section-header{margin-top:1px;border-bottom:3px solid #c5c5c5;display:table}.screenshot{border:1px solid grey;padding:5px;margin:10px}.img-steps div{border:1px solid grey;margin:10px}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}}
