@font-face{font-family:'theSerifItalic';src:url(/https/hello.processing.org/fonts/TheSerif_B4_Italic.eot),url(/https/hello.processing.org/fonts/TheSerif_B4_Italic.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'theSerif';src:url(/https/hello.processing.org/fonts/TheSerif_B4_Plain_.eot),url(/https/hello.processing.org/fonts/TheSerif_B4_Plain_.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'theSerif';src:url(/https/hello.processing.org/fonts/TheSerif_B4_Bold_.eot),url(/https/hello.processing.org/fonts/TheSerif_B4_Bold_.woff) format("woff");font-weight:800;font-style:normal}html{height:100%}body{height:100%;background:#4D7E9E;-webkit-font-smoothing:antialiased}body.splash{background:#FcFcFf}a{color:#4D7E9E}a:hover{color:#d22899}#videoCommands .btn,#editorCommands .btn{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}a:focus,a:active,a::-moz-focus-inner{border:0;outline:0;text-decoration:none}div#splashDiv{position:absolute;top:50%;left:50%;margin-left:-350px;margin-top:-350px;z-index:500}#splashCanvas{display:block;background:transparent;outline:0px;width:700px;height:700px}div#splashHeader{position:absolute;top:50%;left:0;width:100%;min-width:700px;text-align:center;z-index:1000;pointer-events:none}h1#splashTitle{display:none;font-family:"theSerif",georgia,times,serif;font-size:6em;margin:0;padding:0;color:#4D7E9E}div#splashNav{position:absolute;top:50%;left:50%;margin-top:-1000px;z-index:1000}footer#splashFooter{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:absolute;bottom:2em;text-align:center;width:100%;min-width:700px;color:#666;display:none}#headerContainer{position:relative;width:100%;min-width:1024px;background:#FcFcFf;z-index:1000;height:40px;box-shadow:0px 4px 1px rgba(0,0,0,0.25)}#header{position:relative;margin:auto;width:95%;min-width:900px;height:40px}div#title{position:absolute;display:inline-block;font-family:'theSerif', georgia, times, serif;font-size:1.2em;font-weight:bold;top:0;left:0;border-width:0 1px 0 1px;border-style:solid;border-color:#efefef;height:40px;padding:7px 12px 0 12px}div#title a:hover{text-decoration:none}nav#pageNav{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;position:absolute;height:40px;top:0;right:0;font-size:.9em;border-right:1px solid #efefef}nav#pageNav span{display:inline-block;font-weight:regular;border-left:1px solid #efefef;height:40px;padding:12px 6px 0px 6px}nav#pageNav a:hover{text-decoration:none;color:#4D7E9E;border-bottom:3px solid #E67AC2}div#lessonNavContainer{position:absolute;top:10px;left:160px;right:294px;text-align:center}.lessonButton{font-size:1em;font-weight:regular;font-family:'theSerif', georgia, times, serif;color:#4D7E9E;padding:15px 4px}.lessonButton sub{font-size:.9em;color:#E67AC2}.lessonButton:hover span{border-bottom:3px solid #E67AC2}.lessonButton:hover{color:#4D7E9E;text-decoration:none}#lessonNav a.active span,#lessonNav a.active:hover span{color:#E67AC2;background:transparent;border-bottom:3px solid #E67AC2}#interface{position:absolute;top:40px;bottom:24px;left:0;right:0;min-width:1024px;min-height:672px}#interface.videoMode div#canvasContainer,#interface.videoMode div#editorContainer{display:none !important}div#canvasContainer{display:none;position:absolute;top:0;left:424px;width:600px;height:600px;z-index:500}#horizontalRuler{position:absolute;background:url("/https/hello.processing.org/assets/images/horizontal.svg");width:500px;height:20px;left:0;top:-20px;display:none;overflow:hidden;background-repeat:no-repeat}#verticalRuler{position:absolute;background:url("/https/hello.processing.org/assets/images/vertical.svg");width:20px;height:400px;left:-20px;top:0;display:none;overflow:hidden;background-repeat:no-repeat}#toggleRulers{position:absolute;right:0;bottom:-3.5em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div#editorCanvasBox{position:absolute;top:50%;left:50%;width:500px;height:400px;margin-top:-200px;margin-left:-250px;background:#FcFcFf}canvas#editorCanvas{position:relative;box-shadow:4px 4px 1px rgba(0,0,0,0.25);z-index:1000;outline:0px;width:100%;height:100%}div#videoContainer{display:none;position:absolute;top:0;left:0;width:424px;height:238px;background:black;box-shadow:4px 4px 1px rgba(0,0,0,0.25)}div#videoCommandsContainer{position:absolute;bottom:8px;width:100%;text-align:center;display:none}div#videoCommands{margin:auto}div#videoContainer:hover div#videoCommandsContainer{display:initial}html.touch div#videoCommandsContainer{display:initial}div#videoSubtitlesContainer{position:absolute;left:0;bottom:8px;width:100%}div#videoSubtitles{width:80%;margin:auto;text-align:center;color:white;font-weight:bold;font-size:1.3em;text-shadow:1px 1px #000}#interface.videoMode div#videoSubtitles{font-size:1.7em;text-shadow:2px 2px #000}div#videoContainer:hover div#videoSubtitlesContainer,html.touch div#videoSubtitlesContainer{bottom:44px}div#footer{position:fixed;bottom:0;left:0;z-index:1000;height:24px;width:100%;min-width:1024px;background:#FcFcFf;border-top:1px solid #cfcfcf}div#transport{position:relative;top:7px;width:95%;margin:0 auto}div#transport #track{top:0;left:0;background:#efefef;height:8px;width:100%;outline:1px solid #cfcfcf}div#transport #progress{position:absolute;top:0;left:0;background:#E67AC2;height:8px;width:0%}#hints{display:none}#hint{position:absolute;width:100%;height:100%;background:#FcFcFf;z-index:1000;padding:12px;display:none;overflow:auto}div.hint h2{color:#4D7E9E;font-size:1.3em;margin-top:0}div.hint h2,div.hint p{font-family:'theSerif', georgia, times, serif}div#editorContainer{display:none;position:absolute;overflow:hidden;top:238px;left:0px;padding:8px;width:424px;bottom:8px;background:#FcFcFf;box-shadow:4px 4px 1px rgba(0,0,0,0.25)}#editor{position:relative;width:100%;height:100%;z-index:500}div#editorCommands{position:absolute;bottom:12px;right:12px;z-index:1000}#errorModalText{border-top:1px solid #efefef}#editor .ace_color{pointer-events:auto;cursor:pointer;text-decoration:underline}#colorPicker{position:absolute;pointer-events:none}.colorPicker{background:#fff;border:1px solid #cfcfcf}.colorPicker *{-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;box-sizing:content-box !important;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;text-shadow:none}.colorPicker button{background:#fff;border:1px solid #cfcfcf;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;text-shadow:none}.colorPicker button:hover{background:#efefef;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;text-shadow:none}.colorPicker button:active{background:#efefef;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;text-shadow:none}#snippets{display:none}body.admin .container{margin-top:24px;width:480px}#loginPanel,#logoutPanel,#loginFailed{display:none}div#displayInfo{position:absolute;top:0;left:0;width:240px;height:400px;z-index:2000;box-shadow:4px 4px 1px rgba(0,0,0,0.25);background:#FcFcFf;padding:12px}button#displayAdmin{position:absolute;bottom:1em;right:1em;z-index:1000;display:none}footer#displayFooter{position:absolute;bottom:1em;text-align:center;width:100%;color:#fff;z-index:500}h1#displayTitle{font-family:'theSerif', georgia, times, serif;font-size:1.6em;color:#4D7E9E;margin:0 0 8px 0;padding:0}div#displayCanvasBox{position:absolute;top:50%;left:50%;width:750px;height:400px;margin-top:-200px;margin-left:-375px;z-index:1000}canvas#displayCanvas{position:absolute;top:0;left:250px;box-shadow:4px 4px 1px rgba(0,0,0,0.25);outline:0px;width:500px;height:400px;background:#FcFcFf;z-index:1000}div#displayEditor{width:100%;height:256px}#galleryContainer{min-height:100%;position:relative}#galleryView{margin:12px auto 0 auto}.galleryImage{float:left;width:250px;height:200px;margin-bottom:12px;box-shadow:4px 4px 1px rgba(0,0,0,0.25)}#loadMore{background:#FcFcFf}#loadMore:hover{background:#efefef;text-decoration:none}#galleryFilter{background:#E67AC2;height:32px;box-shadow:0px 4px 1px rgba(0,0,0,0.25)}#galleryFilter .filter{display:inline-block;color:white;font-size:.9em;padding:8px;height:32px;border-left:1px solid #d22899}#galleryFilter .filter:last-child{border-right:1px solid #d22899}#galleryFilter .filter:hover{color:white;text-decoration:none}#galleryFilter .filter:hover .text,#galleryFilter .active .text{border-bottom:2px solid white}.hintPreview{background:#FcFcFf;width:512px;overflow:auto;margin:12px;padding:12px;outline:1px solid #ccc}body.about #header,body.guide #header{width:80%}body.about .aboutButton,body.guide .guideButton{text-decoration:none;border-bottom:3px solid #E67AC2}body.about dl{float:left;min-width:33%;margin-top:0}body.about dl a{color:#E67AC2;font-weight:normal}body.about h3{clear:both}div#pageContainer{width:100%;min-width:1024px}div#page{margin:24px auto;width:80%;min-width:900px;z-index:2000;border-bottom:8px solid #E67AC2;box-shadow:4px 4px 1px rgba(0,0,0,0.25);background:#FcFcFf;padding:12px;line-height:1.5em;font-size:1.1em;font-family:'theSerif', georgia, times, serif}div#page h2{margin-top:0;font-size:1.6em}div#page h3{font-size:1.3em}div#page h2,div#page h3{font-family:'theSerif', georgia, times, serif;color:#4D7E9E}