html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.menu-container{background:#fff;box-shadow:0 4px 0 rgba(0,0,0,0.05);height:60px;padding:0 42px;position:fixed;text-align:right;top:0;width:100%;z-index:200;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}.menu-container .hidden{display:none}.footer{background:white;color:#918f90;height:60px;padding:0;width:100%;-webkit-tap-highlight-color:transparent}.footer .hidden{display:none}.footer button{border:none;cursor:pointer}.footer .social-icons{float:right;line-height:0;margin:50px 0 0}.footer .content{margin:0 auto;max-width:1366px;padding:0;width:90%}.footer .links{position:relative;top:22px;text-align:center;font-weight:600;letter-spacing:.1em}.footer .links>*{color:#918f90;display:inline-block;font-size:12px;margin:0 32px 0 0;text-decoration:none;text-transform:uppercase}.home-logo{overflow:hidden;background:url("../images/main_logo.png") 0px 0px no-repeat;background-size:contain !important;display:inline-block;float:left;height:27px;margin:17px 0 0;width:233px}.menu-link{font-family:'Open Sans', sans-serif;font-weight:400;box-sizing:border-box;color:#66676b;display:inline-block;font-size:12px;font-weight:700;height:60px;letter-spacing:0.075em;line-height:60px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all 0.25s ease-in-out;padding-left:12px;padding-right:12px}.menu-link:hover{color:#f00;transition:all 0.25s ease-in-out}.projects.menu-link:hover{border-bottom:4px solid #bc3a94;color:#bc3a94}.projects.menu-link.active{color:#bc3a94}.mentors.menu-link:hover{border-bottom:4px solid #8fc8c3;color:#8fc8c3}.makers.menu-link:hover{border-bottom:4px solid #c6a2bb;color:#c6a2bb}.community.menu-link:hover{border-bottom:4px solid #f2d535;color:#f2d535}.about.menu-link:hover{border-bottom:4px solid #f59088;color:#f59088}.resources.menu-link:hover{border-bottom:4px solid #5684b2;color:#5684b2}.social-icons>a,.social-icons>button{background-position:50% 50% !important;background-size:contain !important;display:inline-block;height:24px !important;margin:0 0 0 20px;opacity:0.5;transition:opacity 0.5s ease-in-out;width:24px !important;outline:0}.social-icons>a:focus,.social-icons>button:focus{outline:0}.social-icons>a:hover,.social-icons>button:hover{opacity:1;transition:opacity 0.5s ease-in-out}.social-icons>.gplus{height:56px;width:49px;overflow:hidden;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAA4CAYAAABUkxDUAAACk0lEQVR42u1a3VHDMAzOCJmA6mh5Z4SOwAiMwAiMwAgdISNkBEbwCN6gWMaB1JEd25JduLPu/NCDOvr090lKh6FLly5d/r2AkRPA+/EAszlXxpmfAJ6bKo8PFFAcj34EeGtufWf5H0XwM3rEeWY8AryeDvAZUtr8/eWu4XN8gMtaqVgI+GBvjgH6JwCgknvfwVAJeWTxXjsAJgQIJcZE8BMJxBilLYgDKE+BKaeChbxxTy8khVIsFFNyShrEBxeEK8n3S3CKD3JBuHuuEveIgShJSiljlJZWqrooEWO0Ir4QaeUmJQUilyuMLmfUZ90l8JIyM6SIVmTmGBQBDUwFsrxBcUW2EmwQ5gtkdTHgUph7E5KmbHNDu8QIQcLaCyvnBS3RbrBBxIA4jwCVTzehWOgBURCrzlQHvDIt1WMDWICdxUAsw4+7UKVMcLnTG3fULQV0Xg51sUSLUhVEShUrZHfqqHUekv/DzLsgu0stA0RzomCu1hKzQxMQwRbFAeE+uAmI6Ewt0H5XAYEXYbwv3GAfQkyCFJ+kLhqqgEDS2rN2ykntu2R7J1R+S27aMrMZbvy2A/Mjyu6ZW5PV7tfyUZYB7Gpya3ntBpOx8PvtpjvLxt4sgZ9LyqXzpBZn2FwAOZu/SAnWxJg6VgFBEZdEWaNakyo1nxwnjVfEDOSHaA0Q5Dab21hFvFxl/0RVE8kHETO3fIUKvMqaa4GoslgO1XWpFyNeTqgqlcnVdDbDplSnavtYy7KhdoEx8BPco6pxRGzUXCpV7sM36xuhQSkVSKiBU1iK98DYN03bfZVu+vLdNXCXvbbaH9iD77LNXVVDaJfFvwceVfLLAVS++U8fEgC9uk3fRK5OfreB56FLly5duPIF2qw9p/msnzUAAAAASUVORK5CYII=") 0px 0px no-repeat}.social-icons>.twitter{height:56px;width:56px;overflow:hidden;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAACJUlEQVR42u1aW3XDMAwthCFYddbufxAKYRAKYRACIRAKIRAMYRACwQw2yUnTpHn4KcferHP00zzsa19J10oPh2LFihX7D3YC+ESvT0cQE3+FG13LGdgVgbToPxpv6d619wAaLcYbwJfRoEY3ehjO5wUn1BgAe3ZBz052/vEeOb62DvC+ohsr5gvufIRvB3DK+2fF7HeASjv4O8DH5EEGkCquHMFt7azR4ETN2cMBQeIqX0KDox0lVijaU0zjAm5NoFp8EWa4ILu3QC1PlwRoRHlJLLQH+AhwcAU3oz+H69imAahWyDXDLtI/JjibSRAlKJ4sa169KzhHGglTpcEQf/qY26yDdk5Ko94ajGkHhat88hm0JXVBdCca3xOTQXzHAagm46E0IruwlVEwiFeqMakDRKbYF2ISr5g4etWRNEgj/RktlTO4dU1mL8bhd/BiHYM5AUxFEPPsHmb6ZI40TPLM/YSTQ7KxlmiZFfs25fZC/Pqn7Vm6CXA2N+qeGSacSonvaXtub3l2C9kBa1Kjp0/bJPmSETT2EiwZbbDYC9mJ3k13ZgUyUF/WLKtGPiM6a06f3eyPVSIGOJa4s+lWM1JXBi0J1jHJ0yUbds5bTHsCk3+GluqU332WarLNlr2gFgserYiz1rmRLIvdrpBE+aiUjAQ0PrCV2KuDngW7pvL1kJoRWFXcuxO+MP4Ig/f2Z8o8/8xDdH72XWlXrFixYsWKFRvsFxbHR8w69Nw7AAAAAElFTkSuQmCC") 0px 0px no-repeat}.social-icons>.facebook{height:56px;width:24px;overflow:hidden;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA4CAYAAADn2zjOAAAAsklEQVR42u3VwQ2DMAwFUEZgAvhq4M4IjMAojNAROgIjMAIjMEJG6AZgJC70YpPiSqjfUm7Wf8hKTJb9TUEqAK+qxBxKLNqpgNYcvgVbQpOAUGA4G24GpOmZEm4CZOS5NL7dgAfQp4abAGmavAHreOL+MYdTA40G6OEFxuSHZQKAzhU49VoJaCuh/ebOq/gtAfcReQPRG5h8gc8ddTWw/Qm5KggQIECAAAECPwJYLNaNagVTEvGsA+4hKAAAAABJRU5ErkJggg==") 0px 0px no-repeat}.social-icons>.tumblr{height:56px;width:31px;overflow:hidden;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA4CAYAAAAFByO3AAABDUlEQVR42u2YURGDMAyGkTAFkDsmZBKQMCmTgIRJQAISJqES6oClrNtDj7YpR+ge/v8uj/TLpUma0DQQlFDf0cy2hHYlepwBt1XgxNoCnwLvie714JH7Vofz4bcYWB/e0asKnO96TIHV4KkkU4NzVV36liYJeLWWni4vcpav5U+YrRhcYPEQs/caQBk8UceAA348nBuKaxahCQ+et74Nbc9rtlRpr4ADDjjggANeBc5m3LhdC76+6bldYJ0PeB8ogZsSB3goGb5R8HvA4MdyK3EynOeng8epArhwX1OBS1ZkVbj/H2OrwH/ZekQESrI9kgNmDzS7Jhc4Mfh1emvZML7sRuesSgOCIAj6a70BL10YpPBhBpcAAAAASUVORK5CYII=") 0px 0px no-repeat}.social-icon{background-size:contain !important;display:inline-block;height:20px !important;margin:9px 0 0;width:20px !important}.social-icon.gplus{height:70px;width:70px;overflow:hidden;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAA4CAYAAABUkxDUAAACk0lEQVR42u1a3VHDMAzOCJmA6mh5Z4SOwAiMwAiMwAgdISNkBEbwCN6gWMaB1JEd25JduLPu/NCDOvr090lKh6FLly5d/r2AkRPA+/EAszlXxpmfAJ6bKo8PFFAcj34EeGtufWf5H0XwM3rEeWY8AryeDvAZUtr8/eWu4XN8gMtaqVgI+GBvjgH6JwCgknvfwVAJeWTxXjsAJgQIJcZE8BMJxBilLYgDKE+BKaeChbxxTy8khVIsFFNyShrEBxeEK8n3S3CKD3JBuHuuEveIgShJSiljlJZWqrooEWO0Ir4QaeUmJQUilyuMLmfUZ90l8JIyM6SIVmTmGBQBDUwFsrxBcUW2EmwQ5gtkdTHgUph7E5KmbHNDu8QIQcLaCyvnBS3RbrBBxIA4jwCVTzehWOgBURCrzlQHvDIt1WMDWICdxUAsw4+7UKVMcLnTG3fULQV0Xg51sUSLUhVEShUrZHfqqHUekv/DzLsgu0stA0RzomCu1hKzQxMQwRbFAeE+uAmI6Ewt0H5XAYEXYbwv3GAfQkyCFJ+kLhqqgEDS2rN2ykntu2R7J1R+S27aMrMZbvy2A/Mjyu6ZW5PV7tfyUZYB7Gpya3ntBpOx8PvtpjvLxt4sgZ9LyqXzpBZn2FwAOZu/SAnWxJg6VgFBEZdEWaNakyo1nxwnjVfEDOSHaA0Q5Dab21hFvFxl/0RVE8kHETO3fIUKvMqaa4GoslgO1XWpFyNeTqgqlcnVdDbDplSnavtYy7KhdoEx8BPco6pxRGzUXCpV7sM36xuhQSkVSKiBU1iK98DYN03bfZVu+vLdNXCXvbbaH9iD77LNXVVDaJfFvwceVfLLAVS++U8fEgC9uk3fRK5OfreB56FLly5duPIF2qw9p/msnzUAAAAASUVORK5CYII=") 0px 0px no-repeat}#dialog{-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:11;-moz-transition:opacity .2s;-o-transition:opacity .2s;-webkit-transition:opacity .2s;transition:opacity .2s;opacity:0;display:none;top:0;left:0;width:100%;height:100%;border-radius:2px;background:rgba(41,10,40,0.6);position:absolute;text-align:center}#dialog .dialogContent{background-color:#fff;position:absolute;z-index:2;left:50%;top:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:30px}#dialog .table-wrap{display:table}#dialog h1,#dialog h2,#dialog p{padding-left:70px;padding-right:70px}#dialog h1,#dialog h2{font-family:'Exo', sans-serif;font-weight:700;text-transform:uppercase}#dialog h1{margin-top:35px;margin-bottom:10px;font-size:22px}#dialog h1.level-header{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px;border-radius:5px 5px 0 0;text-transform:uppercase;letter-spacing:2px;background:#952491;color:white;margin:0 0 20px 0;padding-top:50px;padding-bottom:50px}#dialog h1.level-header span{display:block;font-size:120px;margin-top:10px}#dialog h1#congratulations_dialog_header{line-height:1.3;margin-top:30px;margin-bottom:10px;font-size:25px;text-transform:uppercase}#dialog h2{font-size:16px;margin-top:20px;margin-bottom:10px}#dialog p{-ms-font-feature-settings:normal;font-family:'Droid Serif', serif;font-weight:400;margin-top:0;margin-bottom:20px;font-size:14px;line-height:1.3}#dialog p.wider{padding-left:40px;padding-right:40px}#dialog p.fix-width{width:300px;margin-right:auto;margin-left:auto;font-size:16px;padding-left:0px;padding-right:0px}#dialog p a{font-family:'Exo', sans-serif;font-weight:700;color:#952491;text-decoration:none}#dialog .upper-spacing{margin-top:40px}#dialog .farSide{float:none;text-align:center;display:block;position:absolute;bottom:0;left:0;right:0;padding-bottom:30px}#dialog .farSide button{margin-bottom:0}#dialog.level-complete{background-color:white}#dialog.project-complete{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-top:2px solid #dcdcdc;position:absolute;top:60px;left:0;right:0;bottom:0;width:auto !important;height:auto;margin-left:auto;z-index:12;background:white}#dialog.help-toolbox{left:250px;top:60px;margin-left:auto;height:auto !important;width:350px;background:transparent}#dialog .slide-head{height:261px;display:block;position:relative;overflow:hidden}#dialog .img-shadow{position:absolute;bottom:0px;display:block;width:100%;height:150px;background:linear-gradient(to bottom, transparent 0%, transparent 59%, rgba(0,0,0,0.65) 100%)}#dialog .top-shadow{display:none}#dialog .level-section{height:55px;width:116px;border-radius:90px 90px 0 0;-moz-border-radius:90px 90px 0 0;-webkit-border-radius:90px 90px 0 0;background-color:#bc3a94;position:absolute;bottom:0px;display:block;left:50%;backface-visibility:hidden;margin-left:-58px}#dialog .level-section .level-text{font-family:'Exo', sans-serif;font-weight:700;color:white;padding-top:12px;font-size:10px;line-height:.8;text-transform:uppercase}#dialog .level-section .level-text span{font-size:30px;display:block;margin-top:8px}#dialog #intro .level-1-intro p{margin-bottom:30px}#dialog #intro .instructions{padding-top:70px}#dialog #intro .instructions p{margin-bottom:0}#dialog #intro .instructions .upper-spacing{margin:0}#dialog #intro .instructions .intro-thumb{width:105px;margin-bottom:15px}#dialog #intro .instructions .fix-width{font-size:14px;margin-bottom:35px}#dialog #levelIntro{height:600px;width:408px}#dialog #levelIntro h2{margin-top:30px;margin-bottom:20px}#dialog #levelOutroVideo{height:540px;width:80%}#dialog #levelOutroVideo #close-video{z-index:10}#dialog #levelOutroVideo .video-wrapper video{display:block;position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#dialog #intro{height:600px;width:408px}#dialog #dialogLevelDone,#dialog #concept,#dialog.full-screen .dialogContent{height:520px;width:410px}#dialog #dialogLevelError{height:300px}.intro .slide-head img{top:50%;position:absolute;margin-top:-150px}#dialogBorder{display:none}.dialogAnimate{transition-property:width, height, left, top, opacity;transition-duration:0.2s;transition-timing-function:linear}.dialogHiddenContent{display:none;position:absolute;top:0;left:0;z-index:-1;opacity:0}.dialogHiddenContent.center-vertically-dialog{display:none}@media only screen and (min-width: 650px) and (max-height: 750px){#dialog #intro.dialogContent{height:530px}#dialog #intro.dialogContent .slide-head{height:200px}#dialog #intro.dialogContent .instructions{padding-top:3%}#dialog #intro.dialogContent h1{margin-top:15px}#dialog.full-screen .dialogContent,#dialog #concept,#dialog #dialogLevelDone{height:490px;background:white}#dialog .dots{position:absolute;width:100%;bottom:15%}}#dialogProjectDone .download-button{display:none;position:relative;width:232px;height:50px;line-height:50px;background:#b4539b;color:#fff;text-decoration:none;font-size:18px;font-family:'Open Sans', sans-serif;font-weight:700;border-radius:2px;box-shadow:0px 2px 0px #dadada;margin:0 auto}#dialogProjectDone .download-button__icon{position:relative;display:inline-block;background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -115px;height:13px;width:12px}#dialogProjectDone .row-with-columns{padding:20px 50px}#dialogProjectDone .header{overflow:hidden;*zoom:1;padding:20px 50px;display:table}#dialogProjectDone .header .back{display:none}#dialogProjectDone .header h1{font-size:27px;margin-top:0px;margin-bottom:20px}#dialogProjectDone .header p{font-size:14px;line-height:1.4;padding:0 100px}#dialogProjectDone .copy,#dialogProjectDone .img{width:50%;display:table-cell;vertical-align:middle}#dialogProjectDone .img{text-align:right;height:473px}#dialogProjectDone .img img{font-size:20px;width:auto;max-width:100%;height:100%}#dialogProjectDone h2{font-size:20px;text-transform:uppercase;margin-bottom:25px;margin-top:0}#dialogProjectDone h2.share{font-size:20px;margin:50px 0 0 0}#dialogProjectDone .btn{position:absolute;bottom:0;left:0;right:0}#dialogProjectDone .btn .button{font-size:15px;padding:0}#dialogProjectDone .btn .button:after{font-size:10px;position:relative;top:-1px}#dialogProjectDone .row-with-columns{background:#f7eef5;padding-bottom:30px}#dialogProjectDone .row-with-columns.slider{width:auto;overflow:auto}#dialogProjectDone .row-with-columns.slider .slides{overflow:visible}#dialogProjectDone .row-with-columns.slider .slides .slide{width:auto}#dialogProjectDone .row-with-columns .dots{display:none}#dialogProjectDone .row-with-columns .item .inner{-moz-box-shadow:0 0 10px rgba 0,0,0,0.25;-webkit-box-shadow:0 0 10px rgba 0,0,0,0.25;box-shadow:0 0 10px rgba 0,0,0,0.25;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;min-height:420px}#dialogProjectDone .row-with-columns .item{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin-left:20px}#dialogProjectDone .row-with-columns .item .inner{position:relative;overflow:hidden;background:white;width:359px}#dialogProjectDone .row-with-columns .item .inner h2{font-size:27px;margin:20px auto 10px auto}#dialogProjectDone .row-with-columns .item .inner p{font-size:14px;padding:0 20px}#dialogProjectDone .row-with-columns .item .inner img{max-width:100%}#dialogProjectDone .row-with-columns .item:first-child{margin-left:0}#dialogProjectDone .row-with-columns.no-space{background-color:white}#dialogProjectDone .row-with-columns.no-space .item{margin-left:0px;position:relative}#dialogProjectDone .row-with-columns.no-space .item .inner{-moz-box-shadow:0 0 0 rgba 0,0,0,0;-webkit-box-shadow:0 0 0 rgba 0,0,0,0;box-shadow:0 0 0 rgba 0,0,0,0;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;width:372px}#dialogProjectDone .row-with-columns.no-space .item:before{content:"";display:block;position:absolute;display:block;height:100%;width:2px;background-color:rgba(0,0,0,0.08);z-index:1}#dialogProjectDone .row-with-columns.no-space .item:first-child:before{display:none}#dialogProjectDone .other-projects{padding-top:25px;padding-left:41px;padding-right:41px}#dialogProjectDone .other-projects .item .inner{min-height:390px}#dialogProjectDone .other-projects .item .inner img{width:100%}#dialogProjectDone .other-projects .item .inner h2{font-size:18px;margin:25px auto}#dialogProjectDone .other-projects .item .inner p{padding-bottom:0px;margin-bottom:25px}#dialogProjectDone .step-up-your-game{background-color:white;background:#f7eef5;padding:25px 41px}#dialogProjectDone .step-up-your-game .item .inner{min-height:240px}#dialogProjectDone .step-up-your-game .item .logo{display:table;min-height:80px;width:100%;margin-bottom:20px;margin-top:20px}#dialogProjectDone .step-up-your-game .item .logo div{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%}#dialogProjectDone .step-up-your-game .item:first-child{border-left:0}html{min-height:450px;-webkit-tap-highlight-color:transparent;width:100%;height:100%;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}html.no-scroll{height:100%;overflow:hidden}html.no-scroll body{height:100%;overflow:hidden}body{color:#66676b;background:#d9a9cd url('../images/backgrounds/diamond.png?1479769244');font-family:sans-serif;margin:0;-webkit-text-size-adjust:none}body.project-complete-visible{overflow-y:visible}body.project-complete-visible #app_shell{overflow-y:visible}body.project-complete-visible #root{min-height:1700px}body.project-complete-visible header{z-index:13}body.project-complete-visible .action-links{display:none}body.project-complete-visible .close-button{display:block}body.project-complete-visible .level-select{display:none}body.project-complete-visible .block-counter{display:none}body.system-ios{height:102%}h1 a{text-decoration:none}a:hover{color:#f00}#level-answer{display:none}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}header{color:#952491;background-color:white;height:60px;line-height:60px;position:relative;z-index:14;box-shadow:0 3px 0 rgba(0,0,0,0.05);letter-spacing:2px;font-size:20px;font-family:'Exo', sans-serif;font-weight:700;color:#952491}header a{letter-spacing:2px;font-size:20px;font-family:'Exo', sans-serif;font-weight:700;color:#952491}header .project-title{text-transform:uppercase;float:left;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin-left:25px}header .project-title-center{display:none;text-transform:uppercase}header .project-title-center .project-title{clear:both;margin-left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}header .project-title-center .intro-back{display:none;float:left;position:absolute;margin-left:35px;color:#bc3a94;font-family:'Open Sans', sans-serif;font-weight:700;text-decoration:none;font-size:16px;line-height:58px}header .project-title-center #leftArrow{float:left;position:absolute;margin-left:11px;color:#bc3a94;font-family:'Open Sans', sans-serif;font-weight:700;text-decoration:none;margin-top:20px}header .action-links{font-family:'Open Sans', sans-serif;font-weight:400;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;height:60px;float:right}header .action-links button{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;font-family:'Open Sans', sans-serif;font-weight:700;cursor:pointer;font-size:12px;position:relative;color:#952491;width:70px;border:0;outline:0;border-right:#f3f3f3 1px solid;background-color:transparent;border-radius:0;padding:26px 0 0 0;text-transform:uppercase;line-height:1.2em}header .action-links button:first-child{border-left:#f3f3f3 1px solid}header .action-links button:before{content:"";display:block;position:absolute;left:50%;margin-left:-12px;font-size:20px;top:0}#hintButtonMobile{display:none;font-family:'Open Sans', sans-serif;font-weight:700;height:42px;position:absolute;right:40px;top:0px;color:#952491;text-align:left;padding-left:50px;cursor:pointer;font-size:12px;width:100px;border:0;outline:0;background-color:transparent;border-radius:0;text-transform:uppercase;line-height:1.2em}#hintButtonMobile:before{content:"\E87F";display:block;position:absolute;font-size:20px;top:10px;left:18px}button.primary{text-align:left}html[dir="RTL"] button.primary{text-align:right}#blockly{z-index:0;position:absolute;height:650px}#downloadImageLink{display:none}#sampleHelp3,#sampleHelp4{height:50px;width:250px}.blocklyToolboxDiv{width:250px;max-width:300px}@media (min-width: 321px) and (max-width: 1023px), (max-height: 860px) and (max-width: 1024px){.blocklyToolboxDiv{width:300px;max-width:300px}}.sliderTrack{stroke:#aaa;stroke-width:6px;stroke-linecap:round}.sliderKnob{fill:#ddd;stroke:#bbc;stroke-width:1px;stroke-linejoin:round}.sliderKnob:hover{fill:#eee}.full-bleed{position:relative;display:block;position:relative;display:block;width:100%}.intro-thumb{width:120px}#display{display:block;margin:0px 0px 0px auto}#hintButton:before,#hintButtonMobile:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';content:"\E87F"}#helpButton:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-family:"Material Icons";content:"\E887"}#linkButton:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-family:"Material Icons";content:"\E895"}#restartButton:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-family:"Material Icons";content:"\E863"}#changeCauseButton{width:120px}#changeCauseButton:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-family:"Material Icons";content:"\E153"}#doneButton:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-family:"Material Icons";content:"\E876"}#backToProjects:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:34px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;margin-left:-5px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-family:"Material Icons";content:"\E314"}.mobile-mode.state-main #doneButton,.mobile-mode.state-intro #doneButton{display:none}#leftArrow{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -89px;height:21px;width:13px}.level-select{display:inline-block;position:relative;float:left;margin-left:20px}.level-select:hover #level_dropdown{display:block;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.block-counter{text-transform:uppercase;font-size:14px;margin-right:20px;display:inline-block;float:right}.farSide{text-align:right;float:right;display:inline-block}html[dir="RTL"] .farSide{text-align:left}#containerCode{direction:ltr;background-color:#eee;padding:5px;margin:0 3ex;font-size:large;overflow:auto;max-height:200px}img[src$="help.png"]{height:64px;width:64px}html[dir="RTL"] .mirrorImg{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1)}#languageMenu{vertical-align:top;margin-top:16px}.btn.secondary,button.primary,button.secondary,button.resources,.play-button{text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:5px;padding:10px;border-radius:4px;border:0px solid #ddd;font-size:large;background-color:#eee;color:#000;outline:0;min-width:120px}.btn.secondary:active,.btn.secondary:focus,button.primary:active,button.primary:focus,button.secondary:active,button.secondary:focus,button.resources:active,button.resources:focus,.play-button:active,.play-button:focus{outline:0}.btn.secondary.bigger,button.primary.bigger,button.secondary.bigger,button.resources.bigger,.play-button.bigger{font-size:17px;padding:12px 50px}.btn.secondary:disabled,button.primary:disabled,button.secondary:disabled,button.resources:disabled,.play-button:disabled{cursor:not-allowed;pointer-events:none;opacity:.6;box-shadow:none}#doneButton:disabled{cursor:not-allowed;pointer-events:none;opacity:.6;box-shadow:none}button.primary{border:1px solid #dd4b39;background-color:#dd4b39;color:#fff}.btn.secondary,.play-button,button.secondary,button.resources{transition:all 1s;font-family:'Open Sans', sans-serif;font-weight:700;font-size:12px;padding:10px 20px;text-transform:uppercase;letter-spacing:2px;background-color:#bc3a94;color:#fff}.btn.secondary,.play-button,button.secondary{border-color:#bc3a94}#resetButton{display:block}#resetButton i{position:relative;top:7px;margin-right:10px;margin-top:-10px;font-size:22px}button.resources{background-color:#5684b2;border:1px solid #5684b2}button.primary>img,button.secondary>img,button.resources>img{opacity:1}button>img{opacity:0.6;vertical-align:text-bottom}#dialog{-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#dialog #dialogProjectDone .button.alt{cursor:pointer;display:inline-block;border:none;font-family:'Open Sans', sans-serif;font-weight:700;font-size:17px;padding:10px 20px;text-transform:uppercase;letter-spacing:2px}#dialog #dialogProjectDone .button.alt.pink{color:#bc3a94}#dialog #dialogProjectDone .button.alt.blue{color:#5b89b5}#dialog #dialogProjectDone .button.alt:after{font-family:"Arial";content:'\25ba';padding-left:0.5em}button.alt{cursor:pointer;background-color:white;border:none;font-family:'Open Sans', sans-serif;font-weight:700;font-size:17px;padding:10px 20px;text-transform:uppercase;letter-spacing:2px}button.alt.pink{color:#bc3a94}button.alt.blue{color:#5b89b5}button.alt:after{font-family:"Arial";content:'\25ba';padding-left:0.5em}.readonly .blocklyMainBackground{stroke:none}.blocklyMainBackground{stroke:none}#visualization-container{position:relative;z-index:1;height:650px;width:50%;left:50%;background:#fff url('../images/backgrounds/grid.png?1479769244')}#control{position:absolute;left:69%;z-index:8;bottom:80px;visibility:hidden;-moz-transition:left .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);-o-transition:left .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);-webkit-transition:left .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);transition:left .2s cubic-bezier(0.45, 0.05, 0.55, 0.95)}#control #runButton{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);-o-transition:all .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);-webkit-transition:all .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);transition:all .2s cubic-bezier(0.45, 0.05, 0.55, 0.95)}#control.show{visibility:visible}#control.show #runButton{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);transition-delay:0s}#blockly{top:60px;background-color:white;width:600px}.slider{border-radius:0px;width:410px;overflow:hidden}.slider .slides{overflow:hidden;*zoom:1;-moz-transition:margin 500ms ease-in-out;-o-transition:margin 500ms ease-in-out;-webkit-transition:margin 500ms ease-in-out;transition:margin 500ms ease-in-out}.slider .slide{width:410px;float:left}.dots{text-align:center;margin-bottom:10px}.dot{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -133px;height:12px;width:12px;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;text-indent:-10000px;margin-left:10px}.dot:first-child{margin-left:0}.dot.active-dot{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 0;height:12px;width:12px}.slider-arrow{-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;position:absolute;top:50%;margin-top:-10px;opacity:0}.slider-arrow.active{cursor:pointer;opacity:1}.slider-arrow.active:hover{opacity:0.9}.slider-arrow.left-slider-arrow{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -17px;height:31px;width:20px;left:-100px}.slider-arrow.left-slider-arrow:hover{left:-105px}.slider-arrow.right-slider-arrow{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -53px;height:31px;width:19px;right:-100px}.slider-arrow.right-slider-arrow:hover{right:-105px}.things-to-learn{margin-bottom:13px;margin-top:10px;display:flex;display:-webkit-flex;display:-moz-flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center}.things-to-learn li{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;font-family:'Open Sans', sans-serif;font-weight:700;font-size:13px;margin-left:20px;position:relative;text-align:center;text-transform:uppercase}.things-to-learn li:first-child{margin-left:0}.things-to-learn li:before{content:"";display:block;margin:7px 20px}.things-to-learn #learn_sequence:before{height:41px;width:41px;background-image:url("../images/svg/sequence_principle.svg")}.things-to-learn #learn_loops:before{height:41px;width:41px;background-image:url("../images/svg/loop_principle.svg")}.things-to-learn #learn_conditional:before{height:41px;width:41px;background-image:url("../images/svg/conditional_principle.svg")}.things-to-learn #learn_function:before{height:41px;width:41px;background-image:url("../images/svg/function_principle.svg")}.things-to-learn #learn_variable:before{height:41px;width:41px;background-image:url("../images/svg/variable_principle.svg")}#level_dropdown_handle{position:relative;font-size:14px;line-height:25px;cursor:pointer;padding-right:25px}#level_dropdown_handle:hover{color:#D9C3DC}#level_dropdown_handle:hover strong{background:#D9C3DC;border:1px solid #D9C3DC}#level_dropdown_handle:hover:after{opacity:0.25}#level_dropdown_handle strong{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;color:white;font-size:12px;margin-left:5px;margin-top:-1px;width:24px;padding-left:1px;height:25px;position:relative;line-height:26px;text-align:center;border:1px solid #952491;background:#952491}#level_dropdown_handle:after{font-family:'Material Icons';content:"\E5C5";display:block;position:absolute;right:-5px;top:-10%;font-size:30px}#level_dropdown{-moz-box-shadow:0 3px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.05);box-shadow:0 3px 0 rgba(0,0,0,0.05);position:absolute;top:60px;left:0;background:white;width:260px;-moz-transition:all,350ms,cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all,350ms,cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition:all,350ms,cubic-bezier(0.19, 1, 0.22, 1);transition:all,350ms,cubic-bezier(0.19, 1, 0.22, 1);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.level_number{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;position:relative;font-size:15px;display:inline-block;height:25px;width:23px;padding-left:2px;line-height:27px;color:white;text-align:center;text-decoration:none;margin-top:10px;color:#952491;border:2px solid #952491}.level_number.level_current{background:#952491;color:white;border:1px solid #952491}.level_number.level_current:hover{color:white}.level_number:hover{background:#D9C3DC;color:#952491}.level_dropdown_handle_title{text-transform:uppercase}.level-name{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;font-family:'Open Sans', sans-serif;font-weight:700;position:relative;padding-left:20px;font-size:12px;text-decoration:none;width:185px;color:#66676b;text-transform:uppercase}.level-name.level_current{color:#952491}.level-name:hover{color:#D9C3DC}.level-name.level_done:after{font-family:'Material Icons';content:"\E876";display:block;position:absolute;display:inline-block;margin-left:20px;color:#7acdc7;font-size:25px}.level-container{border-top:1px solid #f7eef5;display:block;line-height:40px;height:40px;padding-left:20px;padding-bottom:7px}.big-checkbox{display:block;background:url('../images/end-of-level-checkmark.png?1479769244') center center no-repeat;height:142px;width:142px;background-size:142px 142px;margin:30px auto 0}.dialogLevelDone_share{text-align:center;margin-top:25px}.dialogLevelDone_share li{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin-left:7px}.dialogLevelDone_share li:first-child{margin-left:0}.dialogLevelDone_share li a{display:block}.dialogLevelDone_share li .fb{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -249px;height:40px;width:40px}.dialogLevelDone_share li .google{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -294px;height:40px;width:40px}.dialogLevelDone_share li .tumblr{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -339px;height:40px;width:40px}.dialogLevelDone_share li .twitter{background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -384px;height:40px;width:40px}.dialogLevelDone_share li .download{display:none}.open-ended .dialogLevelDone_share li .download{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -204px;height:40px;width:40px}#helpToolbox{font-family:'Open Sans', sans-serif;font-weight:400;position:relative;background:rgba(110,114,255,0.93);font-size:12px;color:white}#helpToolbox.blink{-moz-transition:opacity 500ms ease-in-out;-o-transition:opacity 500ms ease-in-out;-webkit-transition:opacity 500ms ease-in-out;transition:opacity 500ms ease-in-out}#helpToolbox .helpText{text-align:left;padding:20px 20px 20px 40px;line-height:1.8}#helpToolbox .helpText:before{content:"\E87F";display:block;position:absolute;font-family:'Material Icons';font-size:26px;margin-top:-23px;top:50%;left:8px}#helpToolbox .close{position:absolute;right:8px;top:4px;color:white;font-size:18px;text-shadow:0 0;cursor:pointer}#helpToolbox .close:hover{color:black}#helpToolbox:before{content:"";display:none;position:absolute;left:-10px;top:50%;margin-top:-10px;width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent rgba(110,114,255,0.93) transparent transparent;overflow:hidden}#conceptBanner{opacity:.93;background:#005776;font-family:'Open Sans', sans-serif;font-weight:400;height:81px;position:relative;font-size:14px;color:white}#conceptBanner .bannerText{text-align:left;padding:15px;line-height:1.2}#conceptBanner .close{position:absolute;right:8px;top:4px;color:white;font-size:18px;text-shadow:0 0;cursor:pointer}#conceptBanner .close:hover{color:black}#conceptBanner img{width:25px;display:inline-block;left:0px;position:relative;margin:0 0px;position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#conceptBanner .right{display:inline-block;width:88%;float:right}#conceptBanner .right .bannerTextContainer{display:table;height:81px;padding:0px 20px 0 0}#conceptBanner .right .bannerTextContainer .bannerText{display:table-cell;vertical-align:middle;text-align:left;line-height:1.8;letter-spacing:0px;padding:0px}#errorBanner{opacity:.93;background:#f31f51;font-family:'Open Sans', sans-serif;font-weight:400;height:81px;position:relative;font-size:14px;color:white}#errorBanner .bannerText{text-align:left;padding:15px;line-height:1.2}#errorBanner .close{position:absolute;right:8px;top:4px;color:white;font-size:18px;text-shadow:0 0;cursor:pointer}#errorBanner .close:hover{color:black}#errorBanner i{font-size:34px;display:inline-block;left:0px;position:relative;margin:0 0px;position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#errorBanner .right{display:inline-block;width:85%;float:right}#errorBanner .right .bannerTextContainer{display:table;height:80px;padding:0px 20px 0 0}#errorBanner .right .bannerTextContainer .bannerText{display:table-cell;vertical-align:middle;text-align:left;line-height:1.8;letter-spacing:0px;padding:0px}#successBanner{opacity:.93;background:#70c9c3;font-family:'Open Sans', sans-serif;font-weight:400;height:81px;position:relative;font-size:12px;color:white}#successBanner .bannerText{text-align:left;padding:15px;line-height:1.2}#successBanner .close{position:absolute;right:8px;top:4px;color:white;font-size:18px;text-shadow:0 0;cursor:pointer}#successBanner .close:hover{color:black}#successBanner i{font-size:34px;display:inline-block;left:0px;position:relative;margin:0 0px;position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#successBanner .right{display:inline-block;width:80%;float:right}#successBanner .right .bannerTextContainer{display:table;height:81px;padding:0px 20px 0 0}#successBanner .right .bannerTextContainer .bannerText{display:table-cell;vertical-align:middle;text-align:left;line-height:1.8;letter-spacing:0px;padding:0px}#conceptTip{position:relative;font-size:12px;text-transform:uppercase;color:#AE629C}.center-vertically-dialog{height:100%;display:table;margin:0 auto;z-index:14}.center-vertically{display:table-cell;vertical-align:middle}.center-vertically h1{margin-top:0;margin-bottom:60px;font-size:26px;padding-left:50px;line-height:1.3;padding-right:50px}.site-menu{margin-left:auto;margin-right:auto;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;-webkit-transition:-webkit-transform 1s;transition:transform 1s}.site-menu.hidden{-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-webkit-transform:translateY(-100px);transform:translateY(-100px)}#app_shell{width:1200px;margin-left:auto;margin-right:auto;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 2px 3px rgba(0,0,0,0.24);margin-bottom:10px}#app_shell.disabled #visualization-container{background:#fff}#app_shell.disabled #visualization-container #visualization{display:none}#app_shell.disabled #control{display:none}#action_link_hamburger{display:none}#backToProjects{display:none}#dropdown_under{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}#landscape-mode-error{display:none;font-family:'Exo', sans-serif;font-weight:700;font-size:30px}.close-button{display:none;position:relative;height:40px;width:40px;float:right;top:8px;right:7px}.close-button:before{top:20px;width:25px;height:2px;position:absolute;content:"";left:8px;background:#952491;-moz-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform-origin:50% 50% 0;-ms-transform-origin:50% 50% 0;transform-origin:50% 50% 0}.close-button:after{top:20px;width:25px;height:2px;position:absolute;content:"";cursor:default;opacity:1;left:8px;margin:0;padding:0;background:#952491;-moz-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1)}#realHelp h1{margin-top:0}#realHelp .farSide{position:static;padding-bottom:0}#realHelp .help-section{margin:10px auto;width:310px}#realHelp .help-section img{display:inline-block;float:left;width:25%;padding-left:5px}#realHelp .help-section p{display:inline-block;padding:0px;width:65%;margin-top:12px;text-align:left;padding-left:5px}#realHelp a{cursor:pointer}#concept img{width:150px}#concept h1.title{padding-left:20px;padding-right:20px;margin:40px 0 60px}.blocklyTreeRow.last{display:none}.close-button-dialog{cursor:pointer;display:block;position:absolute;height:40px;width:40px;float:right;top:3px;right:3px}.close-button-dialog:before{top:20px;width:25px;height:2px;position:absolute;content:"";left:8px;background:#bc3a94;-moz-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform-origin:50% 50% 0;-ms-transform-origin:50% 50% 0;transform-origin:50% 50% 0}.close-button-dialog:after{top:20px;width:25px;height:2px;position:absolute;content:"";cursor:default;opacity:1;left:8px;margin:0;padding:0;background:#bc3a94;-moz-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;cursor:pointer;display:block;width:0px}.blocklyToolboxDiv,.blocklyTreeLabel,.blocklyToolboxHintDiv,.toolboxTitleText{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-small #app_shell{-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}.x-small .menu-container{-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}.x-small .hidden{-moz-transform:translateY(-72px);-ms-transform:translateY(-72px);-webkit-transform:translateY(-72px);transform:translateY(-72px)}.x-small .slide-head img{top:50%;position:absolute;margin-top:-120px}.x-small #dialog .slide-head{height:200px}.x-small #dialog #intro .instructions{padding-top:20px}.x-small #dialogProjectDone .img{text-align:right;height:440px}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}#doneView{position:absolute;top:0px;left:0px;width:100%;background-color:#ffffff;z-index:20}#doneView .close{position:absolute;top:8px;right:8px;cursor:pointer;background:url(/projects/common/images/close.png) 0px 0px no-repeat;background-size:contain;height:18px;width:18px}#doneView p{font-family:'Droid Serif', serif;font-weight:400;font-size:14px;line-height:1.5;margin-top:18px;margin-bottom:18px}#doneView .link{font-family:'Open Sans';font-size:14px;font-weight:700;letter-spacing:0.1em;cursor:pointer}#doneView .arrow{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;display:inline-block;top:-1px;position:relative;margin-left:0.3em}#doneView .top-section{position:relative;margin-top:32px}#doneView .top-section .content{width:50%;float:left;text-align:center;padding:0px 60px;box-sizing:border-box;background-color:#ffffff}#doneView .top-section .content h1{font-family:'Exo', sans-serif;font-weight:700;text-transform:uppercase;font-size:18px}#doneView .top-section .content .save{padding:60px 0px}#doneView .top-section .content button,#doneView .top-section .content .btn{display:inline-block;margin-top:18px}#doneView .top-section .content .share,#doneView .top-section .content .technovation{padding-top:35px;padding-bottom:35px}#doneView .top-section .content .technovation.hidden{display:none}#doneView .top-section .content .share{margin-top:35px}#doneView .top-section .content .share .social-widget{margin-top:26px;margin-bottom:26px}#doneView .top-section .content .share .social-widget .icon{width:33px;height:33px;margin-right:6px;margin-left:6px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;cursor:pointer}#doneView .top-section .content .share .social-widget .fb{background-image:url(/projects/common/images/icons/social-fb.png)}#doneView .top-section .content .share .social-widget .twitter{background-image:url(/projects/common/images/icons/social-twitter.png)}#doneView .top-section .content .share .social-widget .tumblr{background-image:url(/projects/common/images/icons/social-tumblr.png)}#doneView .top-section .content .share .social-widget .gplus{background-image:url(/projects/common/images/icons/social-gplus.png)}#doneView .top-section .content .share .social-widget .download{background-image:url(/projects/common/images/icons/social-download.png)}#doneView .top-section .content .share #copy-link{display:none;outline:0;font-family:'Droid Serif', serif;font-weight:400;font-size:14px;color:#66676b;line-height:23px;text-overflow:ellipsis;padding:7px 20px;border:1px solid rgba(0,0,0,0.1);border-radius:3px;margin-bottom:10px}#doneView .top-section .content .share .link.copy{color:#b4539b}#doneView .top-section .content .share .link.copy:hover{color:rgba(180,83,155,0.5)}#doneView .top-section .content .share .link.copy .arrow{border-left:4px solid #b4539b}#doneView .top-section .content .share .shortcut{visibility:hidden}#doneView .top-section .content canvas.placeholder{width:100%}#doneView .top-section .content .continue{padding-left:30px;padding-right:30px;margin-bottom:60px}#doneView .top-section .content .continue .link{color:#7ac3be;display:inline-block}#doneView .top-section .content .continue .link:hover{color:rgba(122,195,190,0.5)}#doneView .top-section .content .continue .link .arrow{border-left:4px solid #7ac3be}#doneView .top-section .content .continue .gallery{float:left}@media (max-width: 960px){#doneView .top-section .content .continue .gallery{float:none;display:block}#doneView .top-section .content .continue .make-another{float:none;display:block}}#doneView .top-section .output{position:relative;width:50%;float:right;box-sizing:border-box;padding-right:32px;padding-bottom:32px}#doneView .top-section .output .canvas-container{position:relative;background-color:#ffffff}#doneView .top-section .output canvas,#doneView .top-section .output .canvas-container{width:100%}#doneView .bottom-section{background-color:#f0e7f1;padding:20px 30px}#doneView .bottom-section h1{font-size:14px;font-weight:bold;margin-bottom:15px;margin-top:0;font-family:"Exo", sans-serif}#doneView .bottom-section .lesson{width:50%;float:left;max-width:450px}#doneView .bottom-section .lesson p{padding-right:20px}#doneView .bottom-section .recommended{width:50%;float:right}#doneView .bottom-section .link{color:#b4539b}#doneView .bottom-section .link .arrow{border-left:4px solid #b4539b}#doneView .bottom-section .projects .project{width:50%;display:inline-block;min-height:121px}#doneView .bottom-section .projects h1{font-size:13px;margin-bottom:0px;text-transform:uppercase}#doneView .bottom-section .projects p{font-size:12px;padding:12px 0px;margin-top:0px;margin-bottom:0px}#doneView .bottom-section .projects .link{font-size:12px}#doneView .bottom-section .projects img{width:95px;height:95px;display:inline-block;vertical-align:top;margin-bottom:20px}#doneView .bottom-section .projects .description{width:60%;display:inline-block;padding:0px 10px;box-sizing:border-box;vertical-align:top}#doneView.inactive .gallery.link,#doneView.inactive .social-widget,#doneView.inactive .copy.link{opacity:0.3;pointer-events:none}#instagramDialog{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:300}#instagramDialog .content{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);max-width:730px;height:auto;padding:100px 60px;text-align:center;background-color:#ffffff;box-sizing:border-box;font-family:'Droid Serif', serif;font-weight:400;line-height:1.5}#instagramDialog .content .close{position:absolute;top:20px;right:20px;width:31px;height:31px;background-repeat:no-repeat;background-position:center;background-image:url(/projects/common/images/close-dialog.png);cursor:pointer}#instagramDialog .content .icon.instagram{display:inline-block;margin-bottom:20px;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-image:url(/projects/common/images/icons/instagram.png)}#instagramDialog .content .instruction{font-size:24px}#instagramDialog .content .info{font-size:16px;margin-bottom:20px}#instagramDialog .content .info.second{padding:30px 0 50px 0px}.browser-ie #doneView p{font-family:'Droid', serif}.browser-ie #doneView .share #copy-link{font-family:'Droid', serif}.browser-ie #instagramDialog .content{font-family:'Droid', serif}.browser-ie .popup .box p{font-family:'Droid', serif}.popup{position:absolute;top:0px;left:0px;height:100%;width:100%;background-color:rgba(41,10,40,0.6);z-index:30}.popup .box{background-color:#fff;position:relative;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing:border-box;width:600px;max-width:100%;padding:60px 40px;text-align:center}.popup .box h1{font-size:22px;font-family:'Exo', sans-serif;font-weight:700;text-transform:uppercase;margin-bottom:20px}.popup .box p{font-family:'Droid Serif', serif;font-weight:400;font-size:14px;line-height:1.3}.popup .box .buttons{margin-top:20px}.waves-effect{position:relative;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waves-effect.light .waves-ripple{background:rgba(255,255,255,0.2) !important}.cta.waves-effect.light .waves-ripple{background:#fff !important}.cta.waves-effect.transparent .waves-ripple{background:rgba(255,255,255,0.2) !important}.waves-effect.dark-ripple .waves-ripple{background:rgba(0,0,0,0.27059) !important}.waves-effect.med-ripple .light{background:rgba(0,0,0,0.1) !important}.waves-effect .waves-ripple{position:absolute;-webkit-border-radius:50%;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);background:rgba(0,0,0,0.2);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-o-transition-property:-o-transform, opacity;-ms-transition-property:-ms-transform, opacity;transition-property:transform, opacity;-webkit-transform:scale(0) translate(0, 0);-moz-transform:scale(0) translate(0, 0);-ms-transform:scale(0) translate(0, 0);-o-transform:scale(0) translate(0, 0);-webkit-transform:scale(0) translate(0, 0);-moz-transform:scale(0) translate(0, 0);-o-transform:scale(0) translate(0, 0);-ms-transform:scale(0) translate(0, 0);transform:scale(0) translate(0, 0);pointer-events:none}.cta.color--projects-text.waves-effect:hover{background:rgba(180,83,155,0.2)}.cta.color--projects-text.waves-effect .waves-ripple{background:rgba(180,83,155,0.2)}.color--mentors-text.waves-effect .waves-ripple{background:rgba(143,200,195,0.2)}.cta.color--about-text.waves-effect .waves-ripple{background:rgba(245,144,136,0.2)}.cta.color--community-text.waves-effect .waves-ripple{background:rgba(242,213,53,0.2)}.cta.color--resources-text.waves-effect:hover{background:rgba(86,132,178,0.2)}.cta.color--resources-text.waves-effect .waves-ripple{background:rgba(86,132,178,0.2)}.waves-effect .waves-ripple.light{background:rgba(255,255,255,0.1)}.cta.waves-effect .waves-ripple.light{background:#fff}.waves-effect.waves-subble .waves-ripple{background:rgba(0,0,0,0.1)}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,0.4) !important}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,0.1)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,0.4)}.waves-notransition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, #fff 100%, #000 100%)}.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:none;background-color:transparent;font-size:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{-webkit-border-radius:0.2em;border-radius:0.2em}.waves-button-input{margin:0}.waves-input-wrapper{-webkit-border-radius:0.2em;border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;-webkit-border-radius:50%;border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle, #fff 100%, #000 100%)}.waves-float{-webkit-mask-image:none;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms}.waves-block{display:block}a.waves-effect .waves-ripple{z-index:-1}@media (min-width: 1024px){html,body{height:100%}#root{clear:both;min-height:100%;height:auto !important;height:100%;margin-bottom:-60px}#root #root_footer{height:60px}#footer{clear:both;position:relative;height:60px}#app_shell_upper{height:80px}}.mobile-mode #root{height:100% !important}.mobile-mode #app_shell_upper{height:0}@media (max-width: 1023px), (max-height: 860px) and (max-width: 1024px){#dialog.project-complete{overflow:scroll}#dialog .top-shadow{display:block;width:100%;position:absolute;height:200px;background:linear-gradient(to top, transparent 0%, transparent 59%, rgba(0,0,0,0.65) 100%)}#dialog #dialogProjectDone{overflow-x:hidden;background:white;color:#66676b}#dialog #dialogProjectDone .copy,#dialog #dialogProjectDone .img{float:none;width:auto}#dialog #dialogProjectDone h1,#dialog #dialogProjectDone h2,#dialog #dialogProjectDone p{padding-left:20px;padding-right:20px}#dialog #dialogProjectDone .step-up-your-game{margin-bottom:100px}#dialog #dialogProjectDone .step-up-your-game .item .inner{min-height:340px}#dialog #dialogProjectDone .step-up-your-game .item .inner p{margin-bottom:0;padding-bottom:20px}#dialog #dialogProjectDone h2.share{margin-top:0;font-size:13px}#dialog #dialogProjectDone .dialogLevelDone_share{margin-top:15px}#dialog #dialogProjectDone .dialogLevelDone_share li a{width:30px;height:30px;background-size:100% auto}#dialog #dialogProjectDone .dialogLevelDone_share li a.fb{background-position:0 -157px}#dialog #dialogProjectDone .dialogLevelDone_share li a.google{background-position:0 -191px}#dialog #dialogProjectDone .dialogLevelDone_share li a.twitter{background-position:0 -258px}#dialog #dialogProjectDone .dialogLevelDone_share li a.tumblr{background-position:0 -225px}#dialog #dialogProjectDone .btn{position:relative}#dialog #dialogProjectDone .row-with-columns{background:white;padding-left:0;padding-right:0;padding-top:0}#dialog #dialogProjectDone .row-with-columns .dots{clear:left;display:block;margin-top:0}#dialog #dialogProjectDone .row-with-columns .dots .dot{margin-top:20px}#dialog #dialogProjectDone .row-with-columns.no-space .item:before{display:none}#dialog #dialogProjectDone .row-with-columns .item .inner img{width:100%;height:auto}#dialog #dialogProjectDone .row-with-columns .item .inner .logo{margin-top:0px;padding:20px 0;background-color:#e5edf5}#dialog #dialogProjectDone .row-with-columns .item .inner .logo img{width:auto;max-width:95%}#dialog #dialogProjectDone .row-with-columns.slider{overflow:visible}#dialog #dialogProjectDone .row-with-columns.slider .slides{text-align:left;overflow:visible;position:relative;left:calc(10% - 10px)}#dialog #dialogProjectDone .row-with-columns.slider .slides .slide{width:auto;margin:0 10px}#dialog #dialogProjectDone .row-with-columns .item{text-align:center;margin:0}#dialog #dialogProjectDone .row-with-columns .item .inner{-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.25);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:auto;min-height:0px;margin-left:auto;margin-right:auto}#dialog #dialogProjectDone .row-with-columns.no-space{padding:20px 50px;padding-left:0;padding-right:0;padding-top:0}#dialog #dialogProjectDone .row-with-columns.no-space .item{margin-left:20px;text-align:center;margin:0px}#dialog #dialogProjectDone .row-with-columns.no-space .item .inner{width:350px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.25);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:auto}#dialog #dialogProjectDone .header{padding:0px;margin-bottom:0;padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical}#dialog #dialogProjectDone .header h1{margin-top:20px;font-size:22px}#dialog #dialogProjectDone .header .close-button{display:none}#dialog #dialogProjectDone .header .back{font-family:'Open Sans', sans-serif;font-weight:700;line-height:28px;color:#bc3a94;display:block;text-align:left;text-decoration:none;margin-top:0px;position:absolute;left:5px;top:0px;color:white;z-index:3}#dialog #dialogProjectDone .header .back:before{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:34px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-family:"Material Icons";content:"\E314";position:relative;top:12px}#dialog #dialogProjectDone .header .top-shadow{z-index:2}#dialog #dialogProjectDone .header .img{box-ordinal-goup:1;-moz-box-ordinal-group:1;-webkit-ordinal-group:1;order:1;-moz-order:1;-webkit-order:1;text-align:center;overflow:hidden;position:relative;max-height:450px}#dialog #dialogProjectDone .header .img img{width:100%;height:auto;position:absolute;top:15px;left:38px}#dialog #dialogProjectDone .header .copy{box-ordinal-goup:2;-moz-box-ordinal-group:2;-webkit-ordinal-group:2;order:2;-moz-order:2;-webkit-order:2;background-color:white}#dialog #dialogProjectDone .other-projects:before{margin:30px auto}#dialog #dialogProjectDone .other-projects:after{margin-top:30px}#visualization-container{-moz-transform:translate 1000px,0;-ms-transform:translate 1000px,0;-webkit-transform:translate 1000px,0;transform:translate 1000px,0}#control{left:0;position:absolute;z-index:8;bottom:0px;right:0;text-align:right}#backToCodeButton{font-family:'Open Sans', sans-serif;font-weight:700;display:none;position:relative;line-height:28px;padding-left:30px;color:#bc3a94;text-align:left;text-decoration:none;position:absolute;left:20px;top:15px}#backToCodeButton:before{content:"";display:block;position:absolute;left:0;background-image:url('../images/icons-sc449caea3d.png');background-size:40px 664px;background-position:0 -171px;height:28px;width:17.5px}.play-reset{height:60px}.play-reset.levels{height:45px}#keep_coding_back{display:block;transition:0s;margin:0px auto;padding:10px 20px 10px 7px;float:left;left:10px;position:absolute;bottom:10px}#keep_coding_back i{position:relative;top:7px;margin-right:10px;display:n;margin-top:-10px}.play-button:active{opacity:0.8}#dialog.help-toolbox,#dialog.project-complete{top:42px}#dialog .dialogContent{margin-top:21px}#dialog #intro{height:600px}body{height:100%;padding-bottom:0px;padding-top:0;overflow:hidden}body.project-complete-visible .blocklyTreeRow.last{display:none}body.project-complete-visible header{position:fixed;width:100%}body.project-complete-visible #app_shell{position:inherit;margin-bottom:0}body.project-complete-visible .level-select{display:block}body.project-complete-visible #root{min-height:0px}body.project-complete-visible .action-links{display:block}body.project-complete-visible .close-button{display:none}#display{display:block;position:absolute;top:0}#level_dropdown{top:42px}#mobile-flyout{-webkit-tap-highlight-color:transparent;position:absolute;left:249px;bottom:90px;background:url('../images/mobile-flyout-sprite.png?1479769244');height:57.5px;width:49px;background-size:24.5px 115px;z-index:10;background-position:0 -60px !important;background-repeat:no-repeat}#mobile-flyout.open{pointer-events:all;left:249px;background-position:0 0 !important}.visualization-container-shown #mobile-flyout{display:none}header{background-color:#eeeeee;box-shadow:0 2px 0 rgba(0,0,0,0.25);height:42px}header .action-links{position:absolute;top:0;right:0}header .action-links button{font-size:16px;border:0;outline:0;color:#66676b;display:block;text-align:left;padding:10px 0 10px 60px;margin-top:10px;margin-bottom:10px;width:100%;text-transform:initial}header .action-links button:first-child{border:0;outline:0}header .action-links button:before{color:#952491;font-size:20px;content:"";display:block;position:absolute;margin-left:0;top:50%;margin-top:-9px;left:0}header .action-links #changeCauseButton{width:100%}header .action-link-menu{-moz-box-shadow:0 2px 0 #999;-webkit-box-shadow:0 2px 0 #999;box-shadow:0 2px 0 #999;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;background:#f7f7f7;padding:5px 0 0px 25px;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transform:scale 0;-ms-transform:scale 0;-webkit-transform:scale 0;transform:scale 0;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;margin-top:10px;margin-right:10px;width:0px;pointer-events:none;padding-right:0px;padding-left:0px}header .action-link-menu button{opacity:0;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;transition-delay:0.3s}header .action-link-menu button:before{top:18px;left:25px}header .action-link-menu button:last-child:before{top:25px}header .action-link-menu.open{pointer-events:all;width:215px;position:relative;display:block;z-index:100;-moz-transform:scale 1;-ms-transform:scale 1;-webkit-transform:scale 1;transform:scale 1}header .action-link-menu.open button{opacity:1}header .action-link-menu .menu-divider{height:2px;background-color:#999999;width:85%;margin:0 auto}header .intro-left{float:left;display:inline;position:absolute;font-size:24px;color:#bc3a94;line-height:42px;text-decoration:none;height:100%;width:40%}header .project-title{line-height:47px;font-size:14px;margin-left:14px}header .project-title-center .intro-back{font-size:11px;line-height:42px;margin-left:25px}header .project-title-center .project-title{float:none;position:absolute}#blockly{width:100%;top:42px}#backToProjects{display:block;padding:15px 0px 15px 60px;margin:0px}#backToProjects:before{margin-top:-17px}#control.show #runButton{display:block}#app_shell{overflow:hidden;width:auto;height:100%}#root{height:100%}.level-container{border-top:2px solid white}.level-container:first-child{border-top:1px solid rgba(0,0,0,0.2)}header .level-select{float:none;display:block;-webkit-tap-highlight-color:transparent;line-height:42px;position:relative;margin-left:0px}header .level-select #level_dropdown{margin-left:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 2px 0 #999;-webkit-box-shadow:0 2px 0 #999;box-shadow:0 2px 0 #999;width:auto;right:0;background-color:#f7f7f7;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transform:scaleY(0) !important;-ms-transform:scaleY(0) !important;-webkit-transform:scaleY(0) !important;transform:scaleY(0) !important;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;top:42px}header .level-select #level_dropdown .level-container{transition-delay:0s;opacity:0;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}header .level-select.open #level_dropdown{-moz-transform:scaleY(1) !important;-ms-transform:scaleY(1) !important;-webkit-transform:scaleY(1) !important;transform:scaleY(1) !important;display:block !important;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}header .level-select.open #level_dropdown .level-container{transition-delay:0.3s;opacity:1}header .close-button{display:none !important}.level-name{width:calc(100% - 80px)}.level-name.level_done:before{right:-8px}.block-counter{display:none}#level_dropdown_handle strong{width:17px;height:17px;line-height:19px}#level_dropdown_handle:after{font-size:24px;right:0px}#level_dropdown_handle:hover{opacity:1;color:#952491}#level_dropdown_handle:hover strong{background:#952491;border-color:#952491}#level_dropdown_handle:hover:after{opacity:1}#realHelp p{padding-left:20px;padding-right:20px;font-size:14px}#realHelp h1{margin-top:30px}.level_dropdown_handle_title{line-height:47px;margin-left:10px}#action_link_hamburger{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-webkit-tap-highlight-color:transparent;padding:0px 14px 0 26px;position:absolute;right:0;line-height:42px;width:17px;font-size:25px;height:44px}#visualization-container{-moz-transition:all 200ms;-o-transition:all 200ms;-webkit-transition:all 200ms;transition:all 200ms;position:relative;z-index:1;height:100%;width:100%;left:100%;z-index:6}#share .dialogLevelDone_share{margin-bottom:50px}#share .dialogLevelDone_share li{margin-left:16px}#dialog.help-toolbox{left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px}.other-projects{position:relative}.other-projects:after,.other-projects:before{display:block;content:"";width:30%;margin-left:auto;margin-right:auto;height:1px;background:#952491}.other-projects:before{margin-bottom:40px;margin-top:20px}.other-projects:after{margin-top:50px}#helpToolbox{-moz-box-shadow:0px 1.5px 0px rgba 0,0,0,0.28;-webkit-box-shadow:0px 1.5px 0px rgba 0,0,0,0.28;box-shadow:0px 1.5px 0px rgba 0,0,0,0.28;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;background:rgba(110,114,255,0.93);font-size:14px}#helpToolbox.arrowLeft:before{pointer-events:none;content:"";display:block;position:absolute;left:20%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.93) transparent transparent transparent;overflow:hidden}#helpToolbox.arrowRight:before{pointer-events:none;content:"";display:block;position:absolute;left:75%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.96) transparent transparent transparent;overflow:hidden}#helpToolbox.arrowCenter:before{pointer-events:none;content:"";display:block;position:absolute;left:45%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.96) transparent transparent transparent;overflow:hidden}#dialog.info-banner{left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px}#conceptBanner{-moz-box-shadow:0px 2px 0px rgba 0,0,0,0.35;-webkit-box-shadow:0px 2px 0px rgba 0,0,0,0.35;box-shadow:0px 2px 0px rgba 0,0,0,0.35;left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;font-size:12px;line-height:1.3;height:81px}#conceptBanner .close{display:none}#conceptBanner img{width:25px;display:inline-block;left:0px;position:relative;margin:0 10px 0 8px;position:relative;top:50%;-moz-transform:translateY -50%;-ms-transform:translateY -50%;-webkit-transform:translateY -50%;transform:translateY -50%}#conceptBanner .right{display:inline-block;width:80%;float:right}#conceptBanner .right .bannerTextContainer{display:table;height:81px}#conceptBanner .right .bannerTextContainer .bannerText{display:table-cell;vertical-align:middle;text-align:left;line-height:1.8;letter-spacing:0px;padding:0px}#dialog.help-toolbox{left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px}#helpToolbox{-moz-box-shadow:0px 1.5px 0px rgba 0,0,0,0.28;-webkit-box-shadow:0px 1.5px 0px rgba 0,0,0,0.28;box-shadow:0px 1.5px 0px rgba 0,0,0,0.28;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;background:rgba(110,114,255,0.93)}#helpToolbox.arrowLeft:before{pointer-events:none;content:"";display:block;position:absolute;left:20%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.93) transparent transparent transparent;overflow:hidden}#helpToolbox.arrowRight:before{pointer-events:none;content:"";display:block;position:absolute;left:75%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.96) transparent transparent transparent;overflow:hidden}#helpToolbox.arrowCenter:before{pointer-events:none;content:"";display:block;position:absolute;left:45%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.96) transparent transparent transparent;overflow:hidden}#dialog.info-banner{left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px}#conceptBanner{-moz-box-shadow:0px 2px 0px rgba 0,0,0,0.35;-webkit-box-shadow:0px 2px 0px rgba 0,0,0,0.35;box-shadow:0px 2px 0px rgba 0,0,0,0.35;left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;font-size:12px;line-height:1.3;height:81px}#conceptBanner .close{display:none}#conceptBanner img{width:25px;display:inline-block;left:0px;position:relative;margin:0 10px 0 8px;position:relative;top:50%;-moz-transform:translateY -50%;-ms-transform:translateY -50%;-webkit-transform:translateY -50%;transform:translateY -50%}#conceptBanner .right{display:inline-block;width:80%;float:right}#conceptBanner .right .bannerTextContainer{display:table;height:81px}#conceptBanner .right .bannerTextContainer .bannerText{display:table-cell;vertical-align:middle;text-align:left;line-height:1.8;letter-spacing:0px;padding:0px}#successBanner{-moz-box-shadow:0px 2px 2px rgba 0,0,0,0.2;-webkit-box-shadow:0px 2px 2px rgba 0,0,0,0.2;box-shadow:0px 2px 2px rgba 0,0,0,0.2;left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;font-size:14px;line-height:1.3;height:81px}#successBanner .close{display:none}#successBanner i{font-size:34px}#errorBanner{-moz-box-shadow:0px 2px 2px rgba 0,0,0,0.2;-webkit-box-shadow:0px 2px 2px rgba 0,0,0,0.2;box-shadow:0px 2px 2px rgba 0,0,0,0.2;left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;font-size:14px;line-height:1.3;height:81px}#errorBanner .close{display:none}#errorBanner i{font-size:34px}#dialog.help-toolbox{height:64px;width:100%;z-index:5}.blocklyTreeRow.last{display:block}#resetButton{margin:10px auto}#resetButton.open{margin-right:10px;display:block;transition:0s;margin:0px auto;padding:10px 20px 10px 7px;float:left;position:absolute;bottom:10px;right:10px}#footer{display:none}.menu-container{display:none}.close-button-dialog{display:block;position:absolute;height:40px;width:40px;float:right;top:3px;right:7px}.close-button-dialog:before{top:20px;width:25px;height:2px;position:absolute;content:"";left:8px;-moz-transform:rotateZ 45deg scaleX 1 scaleY 1 scaleZ 1;-ms-transform:rotateZ 45deg scaleX 1 scaleY 1 scaleZ 1;-webkit-transform:rotateZ 45deg scaleX 1 scaleY 1 scaleZ 1;transform:rotateZ 45deg scaleX 1 scaleY 1 scaleZ 1;-moz-transform-origin:50% 50% 0 50%;-ms-transform-origin:50% 50% 0 50%;-webkit-transform-origin:50% 50% 0 50%;transform-origin:50% 50% 0 50%}.close-button-dialog:after{top:20px;width:25px;height:2px;position:absolute;content:"";cursor:default;opacity:1;left:8px;margin:0;padding:0;-moz-transform:rotateZ -45deg scaleX 1 scaleY 1 scaleZ 1;-ms-transform:rotateZ -45deg scaleX 1 scaleY 1 scaleZ 1;-webkit-transform:rotateZ -45deg scaleX 1 scaleY 1 scaleZ 1;transform:rotateZ -45deg scaleX 1 scaleY 1 scaleZ 1}}@media (max-width: 1023px) and (max-width: 500px), (max-height: 860px) and (max-width: 1024px) and (max-width: 500px){#dialogProjectDone .img{height:310px}}@media (max-width: 1023px) and (min-width: 321px) and (max-width: 1023px), (max-height: 860px) and (max-width: 1024px) and (min-width: 321px) and (max-width: 1023px), (max-width: 1023px) and (max-height: 860px) and (max-width: 1024px), (max-height: 860px) and (max-width: 1024px) and (max-height: 860px) and (max-width: 1024px){#mobile-flyout{left:300px}#mobile-flyout.open{left:300px}}@media (max-width: 1023px), (max-height: 860px) and (max-width: 1024px){#doneView{height:100%;overflow:auto}#doneView .bottom-section{height:auto;min-height:200px}.state-main #control{left:100% !important;width:77px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#doneView .bottom-section .projects .description{width:100%}}@media (max-width: 650px){#dialog{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;top:0;margin:auto;left:0;right:0;width:auto;bottom:auto;height:100%;-webkit-overflow-scrolling:touch;background:rgba(41,10,40,0)}#dialog .farSide{bottom:auto;position:relative}#dialog #levelIntro{width:100%;height:100%}#dialog.help-toolbox{height:64px;width:100%}#dialog .dialogContent{background:white;top:0;left:0;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);margin:0;width:100%}#dialog.levelDialog .dialogContent,#dialog.levelDialog #intro,#dialog.levelDialog #levelIntro{background:white;color:#66676b;z-index:11;height:calc(100% - 42px);width:100%;top:42px}#dialog.full-screen{z-index:13}#dialog.full-screen .dialogContent{background:white;height:100%;width:100%}#dialog.full-screen .farSide{position:absolute;bottom:30px;padding-bottom:0}#dialog.level-complete{background:#fff}#dialog h1,#dialog h2,#dialog p{padding-left:50px;padding-right:50px}#dialog h1.level-header{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}#dialog.intro{background:white;color:#66676b;overflow-x:hidden}#dialog .center-vertically h1{margin-top:0}#dialog .slide-head img{position:relative;top:0;margin-top:0}#dialog .things-to-learn{margin:0}#dialog #share .social-header{padding:0 30px}#dialog .slide-content{display:table;width:100%;height:100%}#dialog .slide-content .content-wrapper{display:table-cell;vertical-align:middle}#dialog #dialogLevelDone .slide-content{position:relative;display:table;width:100%;height:100%}#dialog #dialogLevelDone .slide-content .content-row{position:relative;display:table-row}#dialog #dialogLevelDone .slide-content .content-wrapper{position:relative;display:table-cell;vertical-align:baseline}#dialog #dialogLevelDone .slide-content .content-wrapper-2{position:relative;display:table-cell;vertical-align:middle}#dialog #intro,#dialog #levelIntro{position:relative}#dialog #intro .wrapper,#dialog #levelIntro .wrapper{height:100%}#dialog #intro .slide-content,#dialog #levelIntro .slide-content{height:41%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#dialog #intro .slide-content p,#dialog #levelIntro .slide-content p{font-size:14px;padding:0;width:70%;margin:0 auto}#dialog #intro .slide-head,#dialog #levelIntro .slide-head{height:40%}#dialog #intro .dots,#dialog #levelIntro .dots{width:100%;position:absolute;bottom:calc(3% + 39px)}#dialog #intro .inner-wrapper,#dialog #intro .slider,#dialog #intro .slides,#dialog #intro .slide,#dialog #levelIntro .inner-wrapper,#dialog #levelIntro .slider,#dialog #levelIntro .slides,#dialog #levelIntro .slide{height:100%}#dialog #intro h2,#dialog #levelIntro h2{margin-top:5%;padding:0}#dialog #intro .farSide,#dialog #levelIntro .farSide{position:absolute;padding-bottom:0;width:100%;bottom:3%}#dialog #intro .instructions,#dialog #levelIntro .instructions{padding-top:0}#dialog #intro .instructions .slide-content,#dialog #levelIntro .instructions .slide-content{height:84%}#dialog #intro .instructions .image-wrapper,#dialog #levelIntro .instructions .image-wrapper{width:100%;margin:0 auto;padding:0}#dialog #intro .instructions .image-wrapper .intro-thumb,#dialog #levelIntro .instructions .image-wrapper .intro-thumb{width:33%;margin-bottom:1%}#dialog #intro .instructions .fix-width,#dialog #levelIntro .instructions .fix-width{margin-bottom:0;width:85%}#dialog #intro .instructions li,#dialog #levelIntro .instructions li{margin-bottom:7%}#dialog #intro .instructions li:last-child,#dialog #levelIntro .instructions li:last-child{margin-bottom:0}#dialog #levelOutroVideo{height:100%;width:100%;position:absolute;top:0;left:0;width:100%;height:100%;background-color:black}#dialog #levelOutroVideo #close-video{z-index:10}#dialog #levelOutroVideo .video-wrapper video{display:block;position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#dialog #dialogLevelDone,#dialog #concept{height:100%;width:100%}#dialog #dialogLevelDone h1#congratulations_dialog_header,#dialog #concept h1#congratulations_dialog_header{padding:0;width:70%;margin:0 auto 4%;font-size:22px}#dialog #dialogLevelDone .big-checkbox,#dialog #concept .big-checkbox{background-size:100% auto}#dialog #restartConfirmation p{font-size:13px;padding:0 30px;margin-top:20px}}@media only screen and (max-width: 650px) and (max-height: 550px){#intro h2,#levelIntro h2{margin-bottom:5px}#intro .things-to-learn li,#levelIntro .things-to-learn li{text-transform:uppercase;width:auto;margin-left:10px;padding-top:0;font-size:11px}#intro .things-to-learn li:before,#levelIntro .things-to-learn li:before{opacity:0;height:0}#intro .things-to-learn li:first-child,#levelIntro .things-to-learn li:first-child{margin-left:0}#dialog #dialogLevelDone h1#congratulations_dialog_header{font-size:17px;width:60%}#dialog #dialogLevelDone .big-checkbox{background-size:100% auto;padding-bottom:40%;width:40%;height:0}#dialog #dialogLevelDone p{font-size:13px}}@media (max-width: 650px){#dialogLevelDone{color:#66676b}#dialogLevelDone .dialogLevelDone_share{margin-bottom:30px}}@media only screen and (max-width: 650px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71){#dialog #intro h1,#dialog #levelIntro h1{font-size:18px}#dialog #intro h2,#dialog #levelIntro h2{margin-top:8%;font-size:14px;margin-bottom:5px}#dialog #intro .slide-content p,#dialog #levelIntro .slide-content p{width:65%}#dialog #intro .instructions .image-wrapper .intro-thumb,#dialog #levelIntro .instructions .image-wrapper .intro-thumb{width:25%}}@media (max-width: 650px){body{height:100%;padding-bottom:0px;padding-top:0;overflow:hidden}body.project-complete-visible .blocklyTreeRow.last{display:none}body.project-complete-visible header{position:fixed;width:100%}body.project-complete-visible #app_shell{position:inherit;margin-bottom:0}body.project-complete-visible .level-select{display:block}body.project-complete-visible #root{min-height:0px}body.project-complete-visible .action-links{display:block}body.project-complete-visible .close-button{display:none}#level_dropdown{top:42px}header{background-color:#eeeeee;box-shadow:0 2px 0 rgba(0,0,0,0.25);height:42px}header .action-links{position:absolute;top:0;right:0}header .action-links button{font-size:16px;border:0;outline:0;color:#66676b;display:block;text-align:left;padding:10px 0 10px 35px;margin-top:10px;margin-bottom:10px;width:100%;text-transform:initial}header .action-links button:first-child{border:0;outline:0}header .action-links button:before{color:#952491;font-size:20px;content:"";display:block;position:absolute;margin-left:0;top:50%;margin-top:-9px;left:0}header .action-link-menu{-moz-box-shadow:0 2px 0 #999;-webkit-box-shadow:0 2px 0 #999;box-shadow:0 2px 0 #999;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;background:#f7f7f7;padding:5px 0 0px 25px;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;margin-top:10px;margin-right:10px;width:0px;pointer-events:none;padding-right:0px;padding-left:0px}header .action-link-menu button{opacity:0;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;transition-delay:0.3s}header .action-link-menu button:before{top:18px;left:25px}header .action-link-menu button:last-child:before{top:25px}header .action-link-menu.open{pointer-events:all;width:215px;position:relative;display:block;z-index:100;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}header .action-link-menu.open button{padding-left:60px;opacity:1}header .action-link-menu .menu-divider{height:2px;background-color:#999999;width:85%;margin:0 auto}header .intro-left{float:left;display:inline;position:absolute;font-size:24px;color:#bc3a94;line-height:42px;text-decoration:none;height:100%;width:40%}header .project-title{line-height:47px;font-size:14px;margin-left:14px}header .project-title-center .intro-back{font-size:11px;line-height:42px;margin-left:25px}header .project-title-center .project-title{float:none;position:absolute}#blockly{width:100%;top:42px}#backToProjects{display:block;padding:15px 0px 15px 60px;margin:0px}#backToProjects:before{margin-top:-17px}#app_shell{overflow:hidden;width:auto;height:100%}#root{height:100%}.level-container{border-top:2px solid white}.level-container:first-child{border-top:1px solid rgba(0,0,0,0.2)}header .level-select{float:none;display:block;-webkit-tap-highlight-color:transparent;line-height:42px;position:relative;margin-left:0px}header .level-select #level_dropdown{margin-left:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 2px 0 #999;-webkit-box-shadow:0 2px 0 #999;box-shadow:0 2px 0 #999;width:auto;right:0;background-color:#f7f7f7;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transform:scaleY(0) !important;-ms-transform:scaleY(0) !important;-webkit-transform:scaleY(0) !important;transform:scaleY(0) !important;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;top:42px}header .level-select #level_dropdown .level-container{transition-delay:0s;opacity:0;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}header .level-select.open #level_dropdown{-moz-transform:scaleY(1) !important;-ms-transform:scaleY(1) !important;-webkit-transform:scaleY(1) !important;transform:scaleY(1) !important;display:block !important;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}header .level-select.open #level_dropdown .level-container{transition-delay:0.3s;opacity:1}header .close-button{display:none !important}.level-name{width:calc(100% - 80px)}.level-name.level_done:before{right:-8px}#hintButtonMobile{right:30px}.block-counter{display:none}#level_dropdown_handle strong{width:17px;height:17px;line-height:19px}#level_dropdown_handle:after{font-size:24px;right:0px}#level_dropdown_handle:hover{opacity:1;color:#952491}#level_dropdown_handle:hover strong{background:#952491;border-color:#952491}#level_dropdown_handle:hover:after{opacity:1}#realHelp p{padding-left:20px;padding-right:20px;font-size:14px}#realHelp h1{margin-top:30px}.level_dropdown_handle_title{line-height:47px;margin-left:10px}#action_link_hamburger{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-webkit-tap-highlight-color:transparent;padding:0px 14px 0 26px;position:absolute;right:0;line-height:42px;width:17px;font-size:25px;height:44px}#visualization-container{-moz-transition:all 200ms;-o-transition:all 200ms;-webkit-transition:all 200ms;transition:all 200ms;position:relative;z-index:1;height:100%;width:100%;left:100%;z-index:6}.slide .full-bleed{min-width:100%;max-width:100%}.slide .slide-head{max-height:400px}#share .dialogLevelDone_share{margin-bottom:50px}#share .dialogLevelDone_share li{margin-left:16px}.other-projects{position:relative}.other-projects:after,.other-projects:before{display:block;content:"";width:30%;margin-left:auto;margin-right:auto;height:1px;background:#952491}.other-projects:before{margin-bottom:40px;margin-top:20px}.other-projects:after{margin-top:50px}.slider .slides{-moz-transition:margin 200ms ease-in-out;-o-transition:margin 200ms ease-in-out;-webkit-transition:margin 200ms ease-in-out;transition:margin 200ms ease-in-out}.slider .slides.dragging{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}#dialog.help-toolbox{left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px}#helpToolbox{-moz-box-shadow:0px 1.5px 0px rgba(0,0,0,0.28);-webkit-box-shadow:0px 1.5px 0px rgba(0,0,0,0.28);box-shadow:0px 1.5px 0px rgba(0,0,0,0.28);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;background:rgba(110,114,255,0.93);font-size:14px}#helpToolbox.arrowLeft:before{pointer-events:none;content:"";display:block;position:absolute;left:20%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.93) transparent transparent transparent;overflow:hidden}#helpToolbox.arrowRight:before{pointer-events:none;content:"";display:block;position:absolute;left:75%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.96) transparent transparent transparent;overflow:hidden}#helpToolbox.arrowCenter:before{pointer-events:none;content:"";display:block;position:absolute;left:45%;top:auto;bottom:-20px;right:0;width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:rgba(110,114,255,0.96) transparent transparent transparent;overflow:hidden}#dialog.info-banner{left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px}#conceptBanner{-moz-box-shadow:0px 2px 0px rgba(0,0,0,0.35);-webkit-box-shadow:0px 2px 0px rgba(0,0,0,0.35);box-shadow:0px 2px 0px rgba(0,0,0,0.35);left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;font-size:12px;line-height:1.3;height:81px}#conceptBanner .close{display:none}#conceptBanner img{width:25px;display:inline-block;left:0px;position:relative;margin:0 10px 0 8px;position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#conceptBanner .right{display:inline-block;width:80%;float:right}#conceptBanner .right .bannerTextContainer{display:table;height:81px}#conceptBanner .right .bannerTextContainer .bannerText{display:table-cell;vertical-align:middle;text-align:left;line-height:1.8;letter-spacing:0px;padding:0px}#successBanner{-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);box-shadow:0px 2px 2px rgba(0,0,0,0.2);left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;font-size:14px;line-height:1.3;height:81px}#successBanner .close{display:none}#successBanner i{font-size:34px}#errorBanner{-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);box-shadow:0px 2px 2px rgba(0,0,0,0.2);left:0;right:0;border-radius:0;overflow:visible;padding-bottom:0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width:100%;font-size:14px;line-height:1.3;height:81px}#errorBanner .close{display:none}#errorBanner i{font-size:34px}.blocklyTreeRow.last{display:block}#resetButton{margin:10px auto}#resetButton.open{margin-right:10px}#mobile-flyout{bottom:72px}#footer{display:none}.menu-container{display:none}.close-button-dialog{display:block;position:absolute;height:40px;width:40px;float:right;top:50px;right:7px}.close-button-dialog:before{top:20px;width:25px;height:2px;position:absolute;content:"";left:8px;background:white;-moz-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);transform:rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);-moz-transform-origin:50% 50% 0 50%;-ms-transform-origin:50% 50% 0 50%;-webkit-transform-origin:50% 50% 0 50%;transform-origin:50% 50% 0 50%}.close-button-dialog:after{top:20px;width:25px;height:2px;position:absolute;content:"";cursor:default;opacity:1;left:8px;margin:0;padding:0;background:white;-moz-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);-webkit-transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);transform:rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1)}}@media (max-width: 650px) and (max-width: 500px){#dialogProjectDone .img{height:310px}}@media (max-width: 650px){.state-done #app_shell{overflow:auto}.state-done #visualization-container{background:#f0e7f1}#doneView .top-section .output{width:100%;padding:0}#doneView .top-section .content{position:relative;-webkit-transform:none;transform:none;width:100%}#doneView .bottom-section{text-align:center}#doneView .bottom-section .lesson{margin-top:20px;width:100%;max-width:250px;float:none;display:inline-block}#doneView .bottom-section .lesson p{padding-right:0}#doneView .bottom-section .recommended{width:100%;margin-top:20px}#doneView .bottom-section .recommended>h1{margin-bottom:20px}#doneView .bottom-section .recommended .project{width:100%;max-width:200px;margin-bottom:40px}#doneView .bottom-section .recommended img{width:141px;height:141px}#instagramDialog .content{position:absolute;top:0px;left:0px;width:100%;height:100%;transform:none;overflow:auto}#instagramDialog .content .instruction{font-size:18px}.popup{background-color:#fff}}@media (orientation: landscape) and (max-device-width: 1024px) and (min-aspect-ratio: 13 / 10) and (max-device-height: 768px), handheld and (orientation: landscape) and (max-device-width: 1280px) and (min-aspect-ratio: 13 / 10) and (max-device-height: 768px){#landscape-mode-error{display:block;position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;background:white;height:100%;width:100%;pointer-events:none}#landscape-mode-error .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);display:block;font-size:18px;font-weight:normal;text-transform:uppercase;color:#66676b}#landscape-mode-error .inner .rotate-icon{display:block;background-image:url(/projects/common/images/orientation_icon.png);width:41px;height:31px;margin:20px auto}.landscape-disabled #landscape-mode-error{display:none}}#preloader,.spinner{position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;background-color:#381e39;opacity:0.9;z-index:12}.loader,.loader-after{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;width:80px;height:80px;border:10px solid #751c70;border-radius:50%}.loader:after{content:"";position:absolute;width:80px;height:80px;border:solid 10px;border-color:#d864a6 transparent transparent transparent;border-radius:100%;top:40px;left:40px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}.spinner .loader:after{content:none}.loader-after{border:solid 10px;border-color:#d864a6 transparent transparent transparent;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes spin{from{transform:translate(-50%, -50%) rotate(0)}to{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes spin{from{transform:translate(-50%, -50%) rotate(0)}to{transform:translate(-50%, -50%) rotate(360deg)}}#preloader>span,.spinner>span{position:absolute;top:50%;left:50%;width:100px;margin-top:70px;margin-left:-50px;font-size:14px;font-family:'Exo', sans-serif;font-weight:900;color:#fff;text-transform:uppercase;text-align:center}#dialog{transition:opacity 0.2s 0.1s;z-index:30}#dialog.help-toolbox{z-index:2}
/*# sourceMappingURL=screen.css.map */