.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-moz-box-sizing:border-box;box-sizing:border-box}.vertical-shadow{border:1px solid #ccc;border-bottom:1px solid #aaa;box-shadow:0 1px 3px #ccc}#page_sub_nav{display:none}.nav-container{width:250px;position:relative}#tutorial-page.full-screen .tutorial-nav.docked-nav{max-width:0}.tutorial-nav{border-right:1px solid #ddd}.tutorial-nav .new-topic-breadcrumb{border-bottom:1px solid #ccc;color:#999;display:block;padding:14px 14px 14px 24px}.tutorial-nav .new-topic-breadcrumb .topic-title{color:#4d6779;display:block;line-height:1.3;margin:10px 0;text-transform:uppercase}.tutorial-nav .new-topic-breadcrumb .topic-title.science{color:#9d4a5a}.tutorial-nav .new-topic-breadcrumb .topic-title.humanities{color:#e65a4c}.tutorial-nav .new-topic-breadcrumb .topic-title.economics-finance-domain{color:#e1a158}.tutorial-nav .new-topic-breadcrumb .topic-title.cs{color:#77b05d}.tutorial-nav .new-topic-breadcrumb .topic-title.hour-of-code{color:#77b05d}.tutorial-nav .new-topic-breadcrumb .topic-title.computer-programming{color:#77b05d}.tutorial-nav .new-topic-breadcrumb .topic-title.computing{color:#77b05d}.tutorial-nav .new-topic-breadcrumb .topic-title.partner-content{color:#55c1a7}.tutorial-nav .new-topic-breadcrumb .topic-title.math{color:#46a8bf}.tutorial-nav .new-topic-breadcrumb .topic-title.test-prep{color:#7e5f8e}.tutorial-nav .new-topic-breadcrumb .icon-caret-left{display:inline-block;margin-left:-12px;width:12px}.tutorial-nav .new-topic-breadcrumb .tutorial-title{color:#444;font-family:'Proxima Nova Semibold',sans-serif;margin-bottom:0}.tutorial-nav.docked-nav{display:table-cell;max-width:250px;min-width:250px;position:static;-webkit-transition:max-width 200ms;transition:max-width 200ms}.tutorial-nav.docked-nav.full-screen{max-width:30px}.tutorial-nav.docked-nav ol{background-color:transparent}.tutorial-nav .core{margin-top:0}.tutorial-nav .editing-tools{float:right}.tutorial-nav .optional-button{margin:20px 0 0 8px;display:inline-block}.tutorial-nav .tutorial-nav-next .tutorial-nav-node a.tab-link{padding:21px 14px}.tutorial-nav .tutorial-nav-next .tutorial-nav-next-section-label{color:#aaa;font-family:'Proxima Nova Semibold',sans-serif;text-transform:uppercase}.tutorial-nav .tutorial-nav-next .tutorial-nav-next-title-label{font-family:'Proxima Nova Semibold',sans-serif;line-height:1.5}.tutorial-nav .tutorial-nav-next:hover .tutorial-nav-next-section-label{color:#fff}.tutorial-nav .tutorial-nav-node{width:100%}.tutorial-nav .tutorial-nav-node:last-child{border-bottom:1px solid #ddd}.tutorial-nav .tutorial-nav-node .tab-link{font-family:'Proxima Nova',sans-serif;font-size:13px;font-weight:normal;line-height:18px;border-width:0;border-radius:0;padding-left:10px}.tutorial-nav .tutorial-nav-node .tab-link.active{background-color:#fdfdfd;font-family:'Proxima Nova Semibold',sans-serif;font-weight:normal}.tutorial-nav .progress-container .progress-icon{position:relative;text-align:left}.tutorial-nav .progress-container .progress-icon.icon-video-node:after,.tutorial-nav .progress-container .progress-icon.icon-exercise-node:after{position:absolute;top:auto;right:auto;bottom:auto;left:0}.tutorial-nav a.tab-link.active{color:#314453}.tutorial-nav a.tab-link:focus,.tutorial-nav a.tab-link:hover,.tutorial-nav a.tab-link.active:focus,.tutorial-nav a.tab-link.active:hover{background:#314453;color:#fff}.tutorial-nav .science a.tab-link.active{color:#94424f}.tutorial-nav .science a.tab-link:focus,.tutorial-nav .science a.tab-link:hover,.tutorial-nav .science a.tab-link.active:focus,.tutorial-nav .science a.tab-link.active:hover{background:#94424f;color:#fff}.tutorial-nav .science .tutorial-title .title{color:#94424f}.tutorial-nav .humanities a.tab-link.active{color:#cf5044}.tutorial-nav .humanities a.tab-link:focus,.tutorial-nav .humanities a.tab-link:hover,.tutorial-nav .humanities a.tab-link.active:focus,.tutorial-nav .humanities a.tab-link.active:hover{background:#cf5044;color:#fff}.tutorial-nav .humanities .tutorial-title .title{color:#cf5044}.tutorial-nav .economics-finance-domain a.tab-link.active{color:#c78d46}.tutorial-nav .economics-finance-domain a.tab-link:focus,.tutorial-nav .economics-finance-domain a.tab-link:hover,.tutorial-nav .economics-finance-domain a.tab-link.active:focus,.tutorial-nav .economics-finance-domain a.tab-link.active:hover{background:#c78d46;color:#fff}.tutorial-nav .economics-finance-domain .tutorial-title .title{color:#c78d46}.tutorial-nav .cs a.tab-link.active{color:#699c52}.tutorial-nav .cs a.tab-link:focus,.tutorial-nav .cs a.tab-link:hover,.tutorial-nav .cs a.tab-link.active:focus,.tutorial-nav .cs a.tab-link.active:hover{background:#699c52;color:#fff}.tutorial-nav .cs .tutorial-title .title{color:#699c52}.tutorial-nav .hour-of-code a.tab-link.active{color:#699c52}.tutorial-nav .hour-of-code a.tab-link:focus,.tutorial-nav .hour-of-code a.tab-link:hover,.tutorial-nav .hour-of-code a.tab-link.active:focus,.tutorial-nav .hour-of-code a.tab-link.active:hover{background:#699c52;color:#fff}.tutorial-nav .hour-of-code .tutorial-title .title{color:#699c52}.tutorial-nav .computer-programming a.tab-link.active{color:#699c52}.tutorial-nav .computer-programming a.tab-link:focus,.tutorial-nav .computer-programming a.tab-link:hover,.tutorial-nav .computer-programming a.tab-link.active:focus,.tutorial-nav .computer-programming a.tab-link.active:hover{background:#699c52;color:#fff}.tutorial-nav .computer-programming .tutorial-title .title{color:#699c52}.tutorial-nav .computing a.tab-link.active{color:#699c52}.tutorial-nav .computing a.tab-link:focus,.tutorial-nav .computing a.tab-link:hover,.tutorial-nav .computing a.tab-link.active:focus,.tutorial-nav .computing a.tab-link.active:hover{background:#699c52;color:#fff}.tutorial-nav .computing .tutorial-title .title{color:#699c52}.tutorial-nav .partner-content a.tab-link.active{color:#49a88f}.tutorial-nav .partner-content a.tab-link:focus,.tutorial-nav .partner-content a.tab-link:hover,.tutorial-nav .partner-content a.tab-link.active:focus,.tutorial-nav .partner-content a.tab-link.active:hover{background:#49a88f;color:#fff}.tutorial-nav .partner-content .tutorial-title .title{color:#49a88f}.tutorial-nav .math a.tab-link.active{color:#1c758a}.tutorial-nav .math a.tab-link:focus,.tutorial-nav .math a.tab-link:hover,.tutorial-nav .math a.tab-link.active:focus,.tutorial-nav .math a.tab-link.active:hover{background:#1c758a;color:#fff}.tutorial-nav .math .tutorial-title .title{color:#1c758a}.tutorial-nav .test-prep a.tab-link.active{color:#644172}.tutorial-nav .test-prep a.tab-link:focus,.tutorial-nav .test-prep a.tab-link:hover,.tutorial-nav .test-prep a.tab-link.active:focus,.tutorial-nav .test-prep a.tab-link.active:hover{background:#644172;color:#fff}.tutorial-nav .test-prep .tutorial-title .title{color:#644172}#tutorial-page{display:table;padding:0;width:100%}#tutorial-page .tutorial-content{background-color:white;display:table-cell;padding:20px 0 0 20px;width:100%;z-index:21}#tutorial-page .tutorial-content .layers{min-height:620px;position:relative}#tutorial-page .tutorial-content .progress.layer{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}#tutorial-page .tutorial-content .progress.layer .ui-progressbar{width:400px;margin:200px auto}#tutorial-page .tutorial-content .progress.layer .ui-progressbar .ui-progressbar-value{width:100%;background-image:url('/images/progress-animated.gif')}#tutorial-page .tutorial-content .content.layer{-webkit-transition:opacity .1s ease-in-out 0s;transition:opacity .1s ease-in-out 0s;position:relative;background:#fff}#tutorial-page .tutorial-content .content.layer .tutorial-node-content .task-container{padding-bottom:25px}#tutorial-page .tutorial-content .content.layer .tutorial-node-content .exercise-task{background:#151d23;background:-webkit-linear-gradient(270deg,#151d23,#3a5163);background:linear-gradient(180deg,#151d23,#3a5163)}#tutorial-page .tutorial-content .content.layer .tutorial-node-content .exercise-task .task-header-mid-container{background:transparent}#tutorial-page .tutorial-content .content.layer .tutorial-node-content .current-card-container-inner{border-radius:5px 5px 0 0}#tutorial-page .tutorial-content .content.layer .tutorial-node-content #extras{background-color:#fdfdfd;border-radius:0 0 5px 5px}#tutorial-page .tutorial-content .content.layer .tutorial-node-content .card-type-endoftask{border-radius:5px;overflow:hidden}#tutorial-page .tutorial-content .content.layer .tutorial-node-content .card-type-endoftask .end-of-practice-task__leveling--main{padding-top:40px}#tutorial-page .tutorial-content article.exercises-content{border-top-width:0;padding:0}#tutorial-page .tutorial-content .tutorial-description{border-top:1px solid #ddd;min-height:46px;overflow:hidden}#tutorial-page .tutorial-content .title-header{color:#2c3747;font-family:'Proxima Nova',sans-serif;font-size:24px;font-weight:normal;display:block;text-align:left;min-height:50px;margin-right:145px}#tutorial-page .tutorial-content .title-header .long-description{color:#898989;display:block;font-family:'Proxima Nova',sans-serif;font-size:13px;font-weight:normal;line-height:20px;margin-top:2px;max-height:40px;overflow-y:hidden}#tutorial-page .tutorial-content .title-header .long-description p{margin:0}#tutorial-page .tutorial-content .exercises-content-container{min-width:770px}#tutorial-page .tutorial-content{padding:0;position:relative}#tutorial-page .progress-layer,#tutorial-page .scratchpad-frame,#tutorial-page .article-content,#tutorial-page .discussion-container{padding:0 22px}#tutorial-page .progress-layer .title-header,#tutorial-page .scratchpad-frame .title-header,#tutorial-page .article-content .title-header,#tutorial-page .discussion-container .title-header{margin-top:10px}#tutorial-page .progress-layer .related-links .practice,#tutorial-page .scratchpad-frame .related-links .practice,#tutorial-page .article-content .related-links .practice,#tutorial-page .discussion-container .related-links .practice{right:20px}#tutorial-page .video-misc-container{color:#fff;padding:20px}#tutorial-page .video-misc-container .video-misc-container__description a{color:#fff}#tutorial-page .extra-link-bar{padding-bottom:10px}#tutorial-page pre{direction:ltr}#tutorial-page code{direction:ltr;unicode-bidi:bidi-override;unicode-bidi:isolate}.article-node-container .article-content a,.article-editor a{text-decoration:underline}.article-node-container .article-content,.article-editor{margin-bottom:22px;max-width:1000px}.article-node-container .article-content h1,.article-editor h1,.article-node-container .article-content h2,.article-editor h2,.article-node-container .article-content h3,.article-editor h3,.article-node-container .article-content h4,.article-editor h4,.article-node-container .article-content h5,.article-editor h5,.article-node-container .article-content h6,.article-editor h6,.article-node-container .article-content p,.article-editor p,.article-node-container .article-content ol,.article-editor ol,.article-node-container .article-content ul,.article-editor ul,.article-node-container .article-content pre,.article-editor pre,.article-node-container .article-content table,.article-editor table,.article-node-container .article-content blockquote,.article-editor blockquote,.article-node-container .article-content div.callout,.article-editor div.callout,.article-node-container .article-content .image-caption,.article-editor .image-caption{-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;line-height:30.4px;margin:30.4px auto 0;width:640px}.article-node-container .article-content h1,.article-editor h1,.article-node-container .article-content h2,.article-editor h2,.article-node-container .article-content h3,.article-editor h3,.article-node-container .article-content h4,.article-editor h4,.article-node-container .article-content h5,.article-editor h5,.article-node-container .article-content h6,.article-editor h6{font-family:'Proxima Nova',sans-serif;font-size:24px;font-weight:normal;margin-top:60.8px}.article-node-container .article-content p:first-child,.article-editor p:first-child{margin-top:0}.article-node-container .article-content>p>img:first-child,.article-editor>p>img:first-child{margin-left:-75px;max-width:790px;width:790px}.article-node-container .article-content img,.article-editor img{margin:5px 0;max-width:100%;width:100%}.article-node-container .article-content blockquote,.article-editor blockquote{font-family:Georgia;font-size:12px;line-height:18px;width:480px}.article-node-container .article-content blockquote p,.article-editor blockquote p{width:100%}.article-node-container .article-content div.callout,.article-editor div.callout{background:#e9e9e9;padding:10px;width:660px}.article-node-container .article-content .image-caption,.article-editor .image-caption{display:block;font-family:Georgia,serif;font-size:12px;line-height:15.2px;margin:0 auto;text-align:center;width:400px}.article-node-container .article-content .scratchpad-wrapper iframe,.article-editor .scratchpad-wrapper iframe{display:block;margin:10px auto}.article-node-container .article-content .youtube-wrapper,.article-editor .youtube-wrapper{margin-top:10px;position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.article-node-container .article-content .youtube-wrapper iframe,.article-editor .youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.article-node-container .article-content .image-wrapper,.article-editor .image-wrapper{display:block;float:left;margin:0 25px 0 -75px;text-align:center;width:320px}.article-node-container .article-content .image-wrapper img,.article-editor .image-wrapper img{width:auto;max-width:100%}.article-node-container .article-content .image-wrapper .image-caption,.article-editor .image-wrapper .image-caption{width:256px}.article-node-container .article-content .image-wrapper.block-image,.article-editor .image-wrapper.block-image{width:640px;float:none;margin:0 auto 60.8px}.article-node-container .article-content .image-wrapper.block-image img,.article-editor .image-wrapper.block-image img{margin-left:0;width:auto;max-width:100%}.article-node-container .article-content .image-wrapper.block-image .image-caption,.article-editor .image-wrapper.block-image .image-caption{width:400px}.article-node-container .article-content ul li,.article-editor ul li{list-style:disc}.article-node-container .article-content ol li,.article-editor ol li{list-style:decimal}.article-node-container .article-content ul,.article-editor ul,.article-node-container .article-content ol,.article-editor ol{font-size:14px;margin-bottom:22px;padding-left:40px}.article-node-container .article-content pre.code,.article-editor pre.code,.article-node-container .article-content pre code,.article-editor pre code{background:#f5f5f5;display:block;font-family:Menlo,Courier,monospace;font-size:14px;padding:10px;word-wrap:break-word}.article-node-container .article-content table.table,.article-editor table.table{padding:0;border-collapse:collapse}.article-node-container .article-content table.table th,.article-editor table.table th,.article-node-container .article-content table.table td,.article-editor table.table td{padding:10px 10px 9px;text-align:left}.article-node-container .article-content table.table th,.article-editor table.table th{padding-top:9px;font-weight:bold;vertical-align:middle}.article-node-container .article-content table.table td,.article-editor table.table td{vertical-align:top;border-top:1px solid #ddd}.article-node-container .article-content table.table tbody th,.article-editor table.table tbody th{border-top:1px solid #ddd;vertical-align:top}.article-node-container .article-content table.table-bordered,.article-editor table.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-radius:4px}.article-node-container .article-content table.table-bordered th+th,.article-editor table.table-bordered th+th,.article-node-container .article-content table.table-bordered td+td,.article-editor table.table-bordered td+td,.article-node-container .article-content table.table-bordered th+td,.article-editor table.table-bordered th+td{border-left:1px solid #ddd}.article-node-container .article-content table.table-bordered thead tr:first-child th:first-child,.article-editor table.table-bordered thead tr:first-child th:first-child,.article-node-container .article-content table.table-bordered tbody tr:first-child td:first-child,.article-editor table.table-bordered tbody tr:first-child td:first-child{border-radius:4px 0 0 0}.article-node-container .article-content table.table-bordered thead tr:first-child th:last-child,.article-editor table.table-bordered thead tr:first-child th:last-child,.article-node-container .article-content table.table-bordered tbody tr:first-child td:last-child,.article-editor table.table-bordered tbody tr:first-child td:last-child{border-radius:0 4px 0 0}.article-node-container .article-content table.table-bordered tbody tr:last-child td:first-child,.article-editor table.table-bordered tbody tr:last-child td:first-child{border-radius:0 0 0 4px}.article-node-container .article-content table.table-bordered tbody tr:last-child td:last-child,.article-editor table.table-bordered tbody tr:last-child td:last-child{border-radius:0 0 4px 0}.article-node-container .article-content .td-centered,.article-editor .td-centered{text-align:center}.article-node-container .sidebar{display:block;float:right;position:static;top:auto;right:auto;bottom:auto;left:auto;margin-left:50px;width:177px}.article-node-container .sidebar h2{font-family:'Proxima Nova',sans-serif;font-size:14px;text-transform:uppercase;color:#999;margin-bottom:5px;margin-left:12px}.article-node-container .sidebar .sidebar-item{margin-bottom:30px}.article-node-container .sidebar .where-and-when{border:1px solid #ddd}.article-node-container .sidebar .where-and-when img{margin:0}.article-node-container .sidebar .where-and-when p{font-size:11px;margin:0 5px 7px 5px;text-align:center}.article-node-container .sidebar .related-links{background-color:#eee;padding:1px 12px}.article-node-container .sidebar .related-links a{display:block;padding:9px 0}.article-node-container .sidebar+.article-content>p:first-child>span>img:first-child,.article-node-container .sidebar+.article-content>h3:first-child>span>img:first-child{margin-left:-75px;max-width:560px;width:auto!important}.article-node-container .sidebar+.article-content>p:first-child>span .image-caption,.article-node-container .sidebar+.article-content>h3:first-child>span .image-caption{margin-left:30px}.article-editor>p>img:first-child{margin-left:auto;max-width:100%}.task-header-container .task-header-mid-container{position:relative}.task-header-container .task-header{margin:auto;max-width:1000px}.exercise-task .task-content-container{margin:0 10px}.exercise-task .task-content-container .exercises-content{margin:auto;max-width:1000px}.video-task .task-header-container,.video-task .task-header-mid-container,.video-task .task-header{background-color:#111!important}.task-header-container.article-header .task-title{margin:auto;width:640px}.task-header-container.article-header .task-title .tutorial-nav-toggle{display:none}.task-header-container.article-header .tutorial-nav-toggle.wide-window{display:block}.video-container-background{background-image:-webkit-linear-gradient(#111,#333);background-image:linear-gradient(#111,#333);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff111111',endColorstr='#ff333333',GradientType=0)}.video-footer-container-background{padding-top:20px}.article-node-container{margin:auto;max-width:1000px}.video-footer-container{position:relative}.extra-link-bar{color:#fff}.tutorial-nav-toggle{cursor:pointer;display:inline-block}.tutorial-nav-toggle .icon-ellipsis-vertical{margin-left:-20px;padding:0 20px}.tutorial-nav-toggle.wide-window{color:#fff;display:none;font-size:24px;position:absolute;top:20px;right:auto;bottom:auto;left:15px}@media screen and (min-width:1360px){.task-title .tutorial-nav-toggle{display:none}.tutorial-nav-toggle.wide-window{display:block}}@media screen and (min-width:1110px){.full-screen .task-title .tutorial-nav-toggle{display:none}.full-screen .tutorial-nav-toggle.wide-window{display:block}}@media screen and (max-width:1050px){.tutorial-nav.docked-nav{min-width:200px;width:200px}.nav-container{width:200px;position:relative}}@media screen and (max-width:480px){#tutorial-page{padding:0}#tutorial-page .tutorial-content .article-node-container{margin-left:0;width:320px;max-width:320px}.article-node-container .article-content h1,.article-node-container .article-content h2,.article-node-container .article-content h3,.article-node-container .article-content h4,.article-node-container .article-content h5,.article-node-container .article-content h6,.article-node-container .article-content p,.article-node-container .article-content ul,.article-node-container .article-content ol,.article-node-container .article-content blockquote,.article-node-container .article-content .image-wrapper,.article-node-container .article-content .image-wrapper.block-image .image-caption{max-width:95%;margin-left:2%}.article-node-container .article-content .image-wrapper.block-image,.article-node-container .article-content img{margin-left:0;max-width:100%!important;width:100%!important}.video-task .end-of-task-points{display:none}}