@import "/assets/css/separate/gradients.css";*{box-sizing:border-box}body{margin:0}.row:after{content:" ";display:table;clear:both}.row [class^="col_"],.row [class*=" col_"]{float:left;width:100%}.row .col_12{width:100%;display:block}.row .col_11{width:91%;display:block}.row .col_10{width:83%;display:block}.row .col_9{width:75%;display:block}.row .col_8{width:66%;display:block}.row .col_7{width:58.5%;display:block}.row .col_6{width:50%;display:block}.row .col_5{width:41.5%;display:block}.row .col_4{width:33.33%;display:block}.row .col_3{width:25%;display:block}.row .col_2{width:16.5%;display:block}.row .col_1{width:9%;display:block}.flex,.equal_flex{display:table}.success,.button.success,button.success{color:#155724;background-color:#66c571;border-color:#c3e6cb}button.success,.button.success{color:#fff}button.success:hover,.button.success:hover{background:#5ad168}.warning,.button.warning,button.warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}button.warning:hover,.button.warning:hover{background:#fdd557}.danger,.button.danger,button.danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}button.danger:hover,.button.danger:hover{background:#da636e}.positive,.button.positive,button.positive{color:#004085;background-color:#cce5ff;border-color:#b8daff}button.positive:hover,.button.positive:hover{background:#a5c5e6}.well{padding:10px;margin:10px auto;position:relative;display:table;break-inside:avoid;page-break-inside:avoid}@supports (display:flex){.flex{display:flex;flex-wrap:wrap;justify-content:center}.equal_flex{display:flex;-webkit-flex:1;-ms-flex:1;flex:1;flex-wrap:wrap;justify-content:center}}@supports not (display:flex){.flex>*,.equal_flex>*{display:table-cell}}.table{display:table}.table .cell{display:table-cell!important}.padded{padding:15px}.margins{margin:15px}.left_align{text-align:left}.center_align{text-align:center}.right_align{text-align:right}@media only screen and (max-width:500px){.row .col_xxs_12{width:100%;display:block}.row .col_xxs_11{width:91%;display:block}.row .col_xxs_10{width:83%;display:block}.row .col_xxs_9{width:75%;display:block}.row .col_xxs_8{width:66%;display:block}.row .col_xxs_7{width:58.5%;display:block}.row .col_xxs_6{display:block;width:50%}.row .col_xxs_5{display:block;width:41.5%}.row .col_xxs_4{display:block;width:33.33%}.row .col_xxs_3{display:block;width:25%}.row .col_xxs_2{display:block;width:16.5%}.row .col_xxs_1{width:9%;display:block}.left_align_xxs{text-align:left}.center_align_xxs{text-align:center}.right_align_xxs{text-align:right}.table_xxs{display:table}.table_xxs .cell{display:table-cell!important}.xxs_hidden{display:none!important}.padded_xxs{padding:15px}.margins_xxs{margin:10px}.xxs_left_float{float:left!important}.xxs_right_float{float:right!important}}@media only screen and (min-width:500.1px) and (max-width:767px){.row .col_xs_12{display:block;width:100%}.row .col_xs_11{width:91%;display:block}.row .col_xs_10{width:83%;display:block}.row .col_xs_9{width:75%;display:block}.row .col_xs_8{width:66%;display:block}.row .col_xs_7{width:58.5%;display:block}.row .col_xs_6{display:block;width:50%}.row .col_xs_5{display:block;width:41.5%}.row .col_xs_4{display:block;width:33.33%}.row .col_xs_3{display:block;width:25%}.row .col_xs_2{display:block;width:16.5%}.row .col_xs_1{width:9%;display:block}.left_align_xs{text-align:left}.center_align_xs{text-align:center}.right_align_xs{text-align:right}.table_xs{display:table}.table_xs .cell{display:table-cell!important}.xs_hidden{display:none!important}.padded_xs{padding:15px}.margins_xs{margin:10px}.xs_left_float{float:left!important}.xs_right_float{float:right!important}}@media only screen and (min-width:767.1px) and (max-width:921px){.row .col_sm_12{display:block;width:100%}.row .col_sm_11{width:91%;display:block}.row .col_sm_10{width:83%;display:block}.row .col_sm_9{width:75%;display:block}.row .col_sm_8{width:66%;display:block}.row .col_sm_7{width:58.5%;display:block}.row .col_sm_6{display:block;width:50%}.row .col_sm_5{display:block;width:41.5%}.row .col_sm_4{display:block;width:33.33%}.row .col_sm_3{display:block;width:25%}.row .col_sm_2{display:block;width:16.5%}.row .col_sm_1{width:9%;display:block}.left_align_sm{text-align:left}.center_align_sm{text-align:center}.right_align_sm{text-align:right}.table_sm{display:table}.table_sm .cell{display:table-cell!important}.sm_hidden{display:none!important}.padded_sm{padding:15px}.margins_sm{margin:10px}.sm_left_float{float:left!important}.sm_right_float{float:right!important}}@media only screen and (min-width:921.1px) and (max-width:1199px){.row .col_md_12{display:block;width:100%}.row .col_md_11{width:91%;display:block}.row .col_md_10{width:83%;display:block}.row .col_md_9{width:75%;display:block}.row .col_md_8{width:66%;display:block}.row .col_md_7{width:58.5%;display:block}.row .col_md_6{display:block;width:50%}.row .col_md_5{display:block;width:41.5%}.row .col_md_4{display:block;width:33.33%}.row .col_md_3{display:block;width:25%}.row .col_md_2{display:block;width:16.5%}.row .col_md_1{width:9%;display:block}.left_align_md{text-align:left}.center_align_md{text-align:center}.right_align_md{text-align:right}.table_md{display:table}.table_md .cell{display:table-cell!important}.padded_md{padding:15px}.margins_md{margin:10px}.md_hidden{display:none!important}.md_left_float{float:left!important}.md_right_float{float:right!important}}@media only screen and (min-width:1199.1px){.row .col_lg_12{display:block;width:100%}.row .col_lg_11{width:91%;display:block}.row .col_lg_10{width:83%;display:block}.row .col_lg_9{width:75%;display:block}.row .col_lg_8{width:66%;display:block}.row .col_lg_7{width:58.5%;display:block}.row .col_lg_6{display:block;width:50%}.row .col_lg_5{display:block;width:41.5%}.row .col_lg_4{display:block;width:33.33%}.row .col_lg_3{display:block;width:25%}.row .col_lg_2{display:block;width:16.5%}.row .col_lg_1{width:9%;display:block}.left_align_lg{text-align:left}.center_align_lg{text-align:center}.right_align_lg{text-align:right}.table_lg{display:table}.table_lg .cell{display:table-cell!important}.padded_lg{padding:15px}.margins_lg{margin:10px}.lg_hidden{display:none!important}.lg_left_float{float:left!important}.lg_right_float{float:right!important}}@media only screen and (min-width:1399.1px){.row .col_xl_12{display:block;width:100%}.row .col_xl_11{width:91%;display:block}.row .col_xl_10{width:83%;display:block}.row .col_xl_9{width:75%;display:block}.row .col_xl_8{width:66%;display:block}.row .col_xl_7{width:58.5%;display:block}.row .col_xl_6{display:block;width:50%}.row .col_xl_5{display:block;width:41.5%}.row .col_xl_4{display:block;width:33.33%}.row .col_xl_3{display:block;width:25%}.row .col_xl_2{display:block;width:16.5%}.row .col_xl_1{width:9%;display:block}.left_align_xl{text-align:left}.center_align_xl{text-align:center}.right_align_xl{text-align:right}.table_xl{display:table}.table_xl .cell{display:table-cell!important}.padded_xl{padding:15px}.margins_xl{margin:10px}.xl_hidden{display:none!important}.xl_left_float{float:left!important}.xl_right_float{float:right!important}}@media only screen and (min-width:1599.1px){.row .col_xxl_12{display:block;width:100%}.row .col_xxl_11{width:91%;display:block}.row .col_xxl_10{width:83%;display:block}.row .col_xxl_9{width:75%;display:block}.row .col_xxl_8{width:66%;display:block}.row .col_xxl_7{width:58.5%;display:block}.row .col_xxl_6{display:block;width:50%}.row .col_xxl_5{display:block;width:41.5%}.row .col_xxl_4{display:block;width:33.33%}.row .col_xxl_3{display:block;width:25%}.row .col_xxl_2{display:block;width:16.5%}.row .col_xxl_1{width:9%;display:block}.left_align_xxl{text-align:left}.center_align_xxl{text-align:center}.right_align_xxl{text-align:right}.table_xxl{display:table}.table_xxl .cell{display:table-cell!important}.padded_xxl{padding:15px}.margins_xxl{margin:10px}.xxl_hidden{display:none!important}.xxl_left_float{float:left!important}.xxl_right_float{float:right!important}}@media print{.row .col_print_12{display:block;width:100%}.row .col_print_11{width:91%;display:block}.row .col_print_10{width:83%;display:block}.row .col_print_9{width:75%;display:block}.row .col_print_8{width:66%;display:block}.row .col_print_7{width:58.5%;display:block}.row .col_print_6{display:block;width:50%}.row .col_print_5{display:block;width:41.5%}.row .col_print_4{display:block;width:33.33%}.row .col_print_3{display:block;width:25%}.row .col_print_2{display:block;width:16.5%}.row .col_print_1{width:9%;display:block}.left_align_print{text-align:left}.center_align_print{text-align:center}.right_align_print{text-align:right}.table_print{display:table}.table_print .cell{display:table-cell!important}.print_left_float{float:left!important}.print_right_float{float:right!important}.print_hidden{display:none!important}}@media (min-width:500.1px){.central_container{max-width:700px;margin:auto}}.table,.table_xxs,.table_xs,.table_sm,.table_md,.table_lg{width:100%}.lead{font-size:120%}.banner{padding:20px 10px;background:#f0f0f0}.banner .content,.banner_bg .content{max-width:1600px;margin:auto;position:relative}.banner.nth-child(odd){background:#f8f8f8}.banner .header{font-size:200%}.banner .header .sm{font-size:50%}.banner_bg{position:relative}.banner_bg>img,.banner_img img{width:100%;max-height:300px;display:block}.banner_bg>img{opacity:0}.banner_bg.big img{min-height:100vh;max-height:100vh}.banner_bg .background{background-position:center;background-repeat:no-repeat;background-size:cover;z-index:10}.banner_bg .mask{background:#000;opacity:.4;z-index:11}.banner_bg .background,.banner_bg .mask{position:absolute;top:0;left:0;right:0;bottom:0}.uppercase{text-transform:uppercase}.footer{padding:5px 0;background:#ddd;text-align:center;color:#000}@media only screen and (min-width:1024.1px){.banner_bg .background{background-attachment:fixed}}@media only screen and (max-height:450px){.banner_bg>img,.banner_img img{max-height:200px}}@media only screen{.print_only{display:none}}@media only print{.central_container{max-width:none!important}.banner{background-image:none!important}.padded_print{padding:15px}.margins_print{margin:10px}}@font-face{font-family:'icomoon';src:url(/assets/fonts/icons/fonts/icomoon.eot?mcrod8);src:url('/assets/fonts/icons/fonts/icomoon.eot?mcrod8#iefix') format('embedded-opentype'),url(/assets/fonts/icons/fonts/icomoon.ttf?mcrod8) format('truetype'),url(/assets/fonts/icons/fonts/icomoon.woff?mcrod8) format('woff'),url('/assets/fonts/icons/fonts/icomoon.svg?mcrod8#icomoon') format('svg');font-weight:400;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-thumbs-down:before{content:"\e9d2"}.icon-thumbs-up:before{content:"\e9d3"}.icon-SEO .path1:before{content:"\e9c9";color:none}.icon-SEO .path2:before{content:"\e9ca";margin-left:-1em;color:none}.icon-SEO .path3:before{content:"\e9cb";margin-left:-1em;color:none}.icon-SEO .path4:before{content:"\e9cc";margin-left:-1em;color:none}.icon-SEO .path5:before{content:"\e9cd";margin-left:-1em;color:rgb(0,0,0)}.icon-SEO .path6:before{content:"\e9ce";margin-left:-1em;color:none}.icon-SEO .path7:before{content:"\e9cf";margin-left:-1em;color:rgb(255,255,255)}.icon-SEO .path8:before{content:"\e9d0";margin-left:-1em;color:rgb(255,255,255)}.icon-SEO .path9:before{content:"\e9d1";margin-left:-1em;color:rgb(255,255,255)}.icon-x:before{content:"\e9bd"}.icon-cake:before{content:"\e958"}.icon-add-user:before{content:"\e959"}.icon-flash:before{content:"\e95a"}.icon-key:before{content:"\e95b"}.icon-link:before{content:"\e962"}.icon-credit:before{content:"\e956"}.icon-dice:before{content:"\e957"}.icon-family:before{content:"\e91d"}.icon-megaphone:before{content:"\e926"}.icon-medal:before{content:"\e936"}.icon-mask:before{content:"\e94e"}.icon-mic:before{content:"\e950"}.icon-arrow-right:before{content:"\e906"}.icon-lock:before{content:"\e909"}.icon-WISP:before{content:"\e930"}.icon-apple-original:before{content:"\e905"}.icon-icon-train:before{content:"\e99f"}.icon-eye:before{content:"\e99e"}.icon-github-original:before{content:"\e99d"}.icon-aim:before{content:"\e960"}.icon-glyphicons-basic-54-alarm:before{content:"\e97a"}.icon-accessibility:before{content:"\e979"}.icon-basic-computer:before{content:"\e978"}.icon-rocket:before{content:"\e976"}.icon-tablet-mobile-combo:before{content:"\e975"}.icon-man:before{content:"\e971"}.icon-browser:before{content:"\e972"}.icon-game-controller:before{content:"\e973"}.icon-classic-computer:before{content:"\e974"}.icon-glyphicons-196-info-sign:before{content:"\e970"}.icon-book:before{content:"\e96f"}.icon-chevron-thin-down:before{content:"\e96e"}.icon-copy:before{content:"\e96a"}.icon-download:before{content:"\e96b"}.icon-light-down:before{content:"\e96c"}.icon-light-up:before{content:"\e96d"}.icon-export:before{content:"\e969"}.icon-pen1:before{content:"\e965"}.icon-binary:before{content:"\e964"}.icon-pushpin:before{content:"\e963"}.icon-books:before{content:"\e95f"}.icon-images:before{content:"\e961"}.icon-newspaper:before{content:"\e97b"}.icon-news:before{content:"\e95e"}.icon-edu-2:before{content:"\e95c"}.icon-archive:before{content:"\e92b"}.icon-blackboard:before{content:"\e951"}.icon-calendar:before{content:"\e97c"}.icon-controller-pause:before{content:"\e955"}.icon-controller-play:before{content:"\e97d"}.icon-BalfDrive1:before{content:"\e908"}.icon-VelocityWebServer-Logo:before{content:"\e95d"}.icon-Dash:before{content:"\e968"}.icon-VB-logo-2022:before{content:"\e977"}.icon-documents:before{content:"\e94c"}.icon-emoji-happy:before{content:"\e97f"}.icon-edit:before{content:"\e94d"}.icon-d3js-plain:before{content:"\e90b"}.icon-glyphicons-12-camera .path1:before{content:"\e928";color:rgb(0,0,0)}.icon-glyphicons-12-camera .path2:before{content:"\e929";margin-left:-1em;color:rgb(0,0,0)}.icon-glyphicons-12-camera .path3:before{content:"\e92a";margin-left:-1em;color:rgb(0,0,0);opacity:.3}.icon-glyphicons-16-print:before{content:"\e938"}.icon-glyphicons-162-macbook .path1:before{content:"\e943";color:rgb(0,0,0);opacity:.3}.icon-glyphicons-162-macbook .path2:before{content:"\e944";margin-left:-1em;color:rgb(0,0,0)}.icon-glyphicons-163-ipad .path1:before{content:"\e941";color:rgb(0,0,0)}.icon-glyphicons-163-ipad .path2:before{content:"\e942";margin-left:-1em;color:rgb(0,0,0);opacity:.3}.icon-glyphicons-164-iphone .path1:before{content:"\e93f";color:rgb(0,0,0);opacity:.3}.icon-glyphicons-164-iphone .path2:before{content:"\e940";margin-left:-1em;color:rgb(0,0,0)}.icon-glyphicons-181-facetime-video:before{content:"\e92d"}.icon-glyphicons-191-plus-sign:before{content:"\e88b"}.icon-glyphicons-192-minus-sign:before{content:"\e92f"}.icon-glyphicons-207-ok:before{content:"\e920"}.icon-glyphicons-208-remove:before{content:"\e921"}.icon-glyphicons-21-home:before{content:"\e91f"}.icon-glyphicons-224-chevron-left:before{content:"\e980"}.icon-glyphicons-225-chevron-right:before{content:"\e927"}.icon-glyphicons-234-direction:before{content:"\e945"}.icon-glyphicons-235-brush:before{content:"\e981"}.icon-glyphicons-269-keyboard-wireless:before{content:"\e931"}.icon-glyphicons-271-shield:before{content:"\e922"}.icon-glyphicons-28-search:before{content:"\e935"}.icon-minus1:before{content:"\e98a"}.icon-plus1:before{content:"\e98c"}.icon-quote:before{content:"\e92c"}.icon-resize-full-screen:before{content:"\e952"}.icon-map:before{content:"\e989"}.icon-glyphicons-31-pencil:before{content:"\e946"}.icon-glyphicons-310-comments:before{content:"\e923"}.icon-glyphicons-341-globe:before{content:"\e932"}.icon-glyphicons-4-user:before{content:"\e94a"}.icon-glyphicons-45-keys .path1:before{content:"\e947";color:rgb(0,0,0)}.icon-glyphicons-45-keys .path2:before{content:"\e948";margin-left:-1em;color:rgb(0,0,0);opacity:.5}.icon-glyphicons-45-keys .path3:before{content:"\e949";margin-left:-1em;color:rgb(0,0,0)}.icon-glyphicons-501-education:before{content:"\e933"}.icon-glyphicons-517-menu-hamburger:before{content:"\e937"}.icon-glyphicons-57-projector .path1:before{content:"\e939";color:rgb(0,0,0);opacity:.3}.icon-glyphicons-57-projector .path2:before{content:"\e93a";margin-left:-1em;color:rgb(0,0,0)}.icon-glyphicons-57-projector .path3:before{content:"\e93b";margin-left:-1em;color:rgb(0,0,0);opacity:.5}.icon-glyphicons-57-projector .path4:before{content:"\e93c";margin-left:-1em;color:rgb(0,0,0);opacity:.5}.icon-glyphicons-578-tv .path1:before{content:"\e93d";color:rgb(0,0,0)}.icon-glyphicons-578-tv .path2:before{content:"\e93e";margin-left:-1em;color:rgb(0,0,0);opacity:.3}.icon-glyphicons-601-chevron-up:before{content:"\e982"}.icon-glyphicons-602-chevron-down:before{content:"\e925"}.icon-glyphicons-739-photo-album:before{content:"\e934"}.icon-glyphicons-87-display .path1:before{content:"\e92e";color:rgb(0,0,0);opacity:.3}.icon-glyphicons-87-display .path2:before{content:"\e94b";margin-left:-1em;color:rgb(0,0,0)}.icon-suitcase:before{content:"\e94f"}.icon-tag2:before{content:"\e900"}.icon-mail:before{content:"\e953"}.icon-info:before{content:"\e987"}.icon-twitter:before{content:"\e98d"}.icon-glyphicons-social-1-pinterest:before{content:"\e917"}.icon-glyphicons-social-18-linked-in:before{content:"\e919"}.icon-glyphicons-social-2-dropbox:before{content:"\e91a"}.icon-glyphicons-social-23-youtube:before{content:"\e91c"}.icon-glyphicons-social-3-google-plus:before{content:"\e91b"}.icon-glyphicons-social-31-facebook:before{content:"\e983"}.icon-glyphicons-social-32-twitter:before{content:"\e918"}.icon-glyphicons-social-38-rss:before{content:"\e91e"}.icon-safari-plain:before{content:"\e90a";color:#1b88ca}.icon-ZPE-logo:before{content:"\e967";color:#764192}.icon-scratch-logo:before{content:"\e966";color:#f8ad46}.icon-cplusplus-line:before{content:"\e97e";color:#9c033a}.icon-csharp-plain:before{content:"\e912";color:#68217a}.icon-css3-plain:before{content:"\e916";color:#1572b6}.icon-dot-net-plain:before{content:"\e911";color:#1384c8}.icon-glyphicons-vb_bw_2:before{content:"\e984"}.icon-git-original:before{content:"\e902";color:#f34f29}.icon-glyphicons-web-design:before{content:"\e985"}.icon-html5-plain:before{content:"\e986";color:#e44d26}.icon-java-plain:before{content:"\e913";color:#ea2d2e}.icon-javascript-plain:before{content:"\e914";color:#f0db4f}.icon-typescript-plain:before{content:"\e9d7";color:#007acc}.icon-jquery-plain:before{content:"\e910";color:#0868ac}.icon-linux-plain:before{content:"\e988"}.icon-python-plain:before{content:"\e90f";color:#ffd845}.icon-mysql-plain:before{content:"\e90e";color:#00618a}.icon-rails-plain:before{content:"\e907";color:#a62c46}.icon-php-plain:before{content:"\e90d";color:#6181b6}.icon-react-original:before{content:"\e903";color:#61dafb}.icon-nginx-original:before{content:"\e98b";color:#090}.icon-docker-plain:before{content:"\e904";color:#019bc6}.icon-apache-plain:before{content:"\e90c";color:#303284}.icon-ssh-original:before{content:"\e901"}.icon-mongodb-original .path1:before{content:"\e9d8";color:rgb(67,153,52)}.icon-mongodb-original .path2:before{content:"\e9d9";margin-left:-1em;color:rgb(69,165,56)}.icon-mongodb-original .path3:before{content:"\e9da";margin-left:-1em;color:rgb(70,160,55)}.icon-mongodb-original .path4:before{content:"\e9db";margin-left:-1em;color:rgb(64,148,51)}.icon-mongodb-original .path5:before{content:"\e9dc";margin-left:-1em;color:rgb(79,170,65)}.icon-mongodb-original .path6:before{content:"\e9dd";margin-left:-1em;color:rgb(74,167,60)}.icon-mongodb-original .path7:before{content:"\e9de";margin-left:-1em;color:rgb(87,174,71)}.icon-mongodb-original .path8:before{content:"\e9df";margin-left:-1em;color:rgb(96,178,79)}.icon-mongodb-original .path9:before{content:"\e9e0";margin-left:-1em;color:rgb(169,170,136)}.icon-mongodb-original .path10:before{content:"\e9e1";margin-left:-1em;color:rgb(182,181,152)}.icon-mongodb-original .path11:before{content:"\e9e2";margin-left:-1em;color:rgb(194,193,167)}.icon-mongodb-original .path12:before{content:"\e9e3";margin-left:-1em;color:rgb(206,205,183)}.icon-mongodb-original .path13:before{content:"\e9e4";margin-left:-1em;color:rgb(219,218,199)}.icon-mongodb-original .path14:before{content:"\e9e5";margin-left:-1em;color:rgb(235,233,220)}.icon-mongodb-original .path15:before{content:"\e9e6";margin-left:-1em;color:rgb(206,205,183)}.icon-mongodb-original .path16:before{content:"\e9e7";margin-left:-1em;color:rgb(79,170,65)}.icon-phone:before{content:"\e9c0"}.icon-star:before{content:"\e915"}.icon-retweet:before{content:"\e9be"}.icon-reply:before{content:"\e9bf"}.icon-dragondocs:before{content:"\e9bc";color:#09adc2}.icon-flag:before{content:"\e9b9"}.icon-creative-commons:before{content:"\e9ba"}.icon-credit-card:before{content:"\e9bb"}.icon-lifebuoy:before{content:"\e9b7"}.icon-shop:before{content:"\e9b3"}.icon-price-ribbon:before{content:"\e9b4"}.icon-new:before{content:"\e9b5"}.icon-message:before{content:"\e9b6"}.icon-palette:before{content:"\e9b0"}.icon-merge:before{content:"\e9b1"}.icon-layers:before{content:"\e9b2"}.icon-fingerprint:before{content:"\e9af"}.icon-info-with-circle:before{content:"\e9ae"}.icon-tools:before{content:"\e9ac"}.icon-cog:before{content:"\e9ad"}.icon-girder:before{content:"\e9ab"}.icon-BalfDrive:before{content:"\e924"}.icon-jambour-logo_bw:before{content:"\e9a3"}.icon-pencil:before{content:"\e98e"}.icon-pencil2:before{content:"\e98f"}.icon-pen:before{content:"\e990"}.icon-blog:before{content:"\e991"}.icon-feed:before{content:"\e992"}.icon-file-empty:before{content:"\e993"}.icon-file-text2:before{content:"\e994"}.icon-folder-open:before{content:"\e995"}.icon-clock:before{content:"\e996"}.icon-alarm:before{content:"\e997"}.icon-printer:before{content:"\e998"}.icon-display:before{content:"\e999"}.icon-laptop:before{content:"\e99a"}.icon-mobile:before{content:"\e99b"}.icon-mobile2:before{content:"\e99c"}.icon-tablet:before{content:"\e9a0"}.icon-tv:before{content:"\e9a1"}.icon-floppy-disk:before{content:"\e9a2"}.icon-clipboard:before{content:"\e9b8"}.icon-cloud:before{content:"\e9c1"}.icon-cloud-download:before{content:"\e9c2"}.icon-cloud-upload:before{content:"\e9c3"}.icon-cloud-check:before{content:"\e9c4"}.icon-download2:before{content:"\e9c5"}.icon-upload2:before{content:"\e9c6"}.icon-download3:before{content:"\e9c7"}.icon-upload3:before{content:"\e9c8"}.icon-sun:before{content:"\e9d4"}.icon-contrast:before{content:"\e9d5"}.icon-brightness-contrast:before{content:"\e9d6"}.icon-plus:before{content:"\ea0a"}.icon-minus:before{content:"\ea0b"}.icon-cross:before{content:"\ea0f"}.icon-checkmark2:before{content:"\ea11"}.icon-play3:before{content:"\ea1c"}.icon-shuffle:before{content:"\ea30"}.icon-arrow-up:before{content:"\ea32"}.icon-arrow-right1:before{content:"\ea34"}.icon-arrow-down:before{content:"\ea36"}.icon-arrow-left:before{content:"\ea38"}.icon-arrow-up2:before{content:"\ea3a"}.icon-arrow-right2:before{content:"\ea3c"}.icon-arrow-down2:before{content:"\ea3e"}.icon-arrow-left2:before{content:"\ea40"}.icon-circle-up:before{content:"\ea41"}.icon-circle-right:before{content:"\ea42"}.icon-circle-down:before{content:"\ea43"}.icon-circle-left:before{content:"\ea44"}.icon-command:before{content:"\ea4e"}.icon-shift:before{content:"\ea4f"}.icon-ctrl:before{content:"\ea50"}.icon-opt:before{content:"\ea51"}.icon-bold:before{content:"\ea62"}.icon-underline:before{content:"\ea63"}.icon-italic:before{content:"\ea64"}.icon-paragraph-left:before{content:"\ea77"}.icon-paragraph-center:before{content:"\ea78"}.icon-paragraph-right:before{content:"\ea79"}.icon-paragraph-justify:before{content:"\ea7a"}.icon-indent-increase:before{content:"\ea7b"}.icon-indent-decrease:before{content:"\ea7c"}.icon-share:before{content:"\ea7d"}.icon-embed:before{content:"\ea7f"}.icon-embed2:before{content:"\ea80"}.icon-bell:before{content:"\e954"}.icon-pie-chart:before{content:"\e9a4"}.icon-stats-dots:before{content:"\e9a5"}.icon-stats-bars:before{content:"\e9a6"}.icon-trophy:before{content:"\e9a7"}.icon-gift:before{content:"\e9a8"}.icon-hammer2:before{content:"\e9a9"}.icon-fire:before{content:"\e9aa"}.balfpick{font-size:24px;display:inline-block;min-width:100px;position:relative;font-family:Arial,Helvetica,Sans-Serif;font-size:14px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px #ddd solid}.balfpick .bp_wrapper{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.balfpick .text,.balfpick .hidden_text{cursor:pointer;display:inline-block;padding:8px 20px;padding-right:30px;position:relative;text-align:left;vertical-align:middle;font-weight:500}.balfpick .hidden_text{opacity:0}.balfpick .text{position:absolute;left:0;right:0;bottom:0;top:0}.balfpick .text.placeholder{color:#aaa;font-weight:300}.balfpick .arrow{cursor:pointer;position:absolute;right:8px;bottom:0;top:0;margin:auto;display:inline-block;width:20px;height:20px;text-align:center;background-image:url(/assets/images/arrow_down.png);background-size:100%;z-index:5;vertical-align:middle;font-size:18px}@media (prefers-color-scheme:dark){.balfpick .arrow{background-image:url(/assets/images/arrow_down_dark.png)}}html.light .balfpick .arrow{background-image:url(/assets/images/arrow_down.png)}html.dark .balfpick .arrow{background-image:url(/assets/images/arrow_down_dark.png)}.balfpick select{opacity:0;position:absolute!important;left:0;right:0;z-index:100;height:100%;width:100%}#balfpopup{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1001;display:none}#balfpopup_mask{background:#333;background:rgba(0,0,0,.95)}.image-filter #balfpopup_mask{background:rgba(100,100,100,.55)}@supports (-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0)){#balfpopup_mask{background:rgba(0,0,0,.85);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}#balfpopup_inner{height:88%;width:88%;margin:auto}#balfpopup.framed #balfpopup_inner{transform:scale(.3);opacity:0;border-top-right-radius:0!important;border:2px #3b3b3b solid}#balfpopup.framed .content_wrap{border-top-right-radius:0}#balfpopup_inner.ready{transition:1s;opacity:1!important;transform:scale(1)!important}#balfpopup_mask,#balfpopup_inner{position:absolute;top:0;bottom:0;left:0;right:0}#balfpopup_mask.ready{transition:1s;opacity:1}#balfpopup.framed #balfpopup_inner{background:#000;border-radius:7px}#balfpopup .unframed .close{top:2px;right:auto;opacity:0}#balfpopup .title{position:absolute;left:5px;color:#ffa600;padding:7px 5px;font-size:14px}#balfpopup .fullscreen,#balfpopup .close{position:absolute;right:4px;top:4px;left:auto;bottom:auto;text-align:center;cursor:pointer;z-index:100;font-size:15px;background:#222;border:1px #777 solid;height:23px;width:23px;line-height:normal;border-radius:50%}#balfpopup .fullscreen:hover,#balfpopup .close:hover{background:#555}#balfpopup .fullscreen{right:32px;font-size:13px}#balfpopup .close span:after{content:"\00d7";color:#fff}#balfpopup .fullscreen span:after{content:"+";color:#fff}#balfpopup .close::-moz-selection,#balfpopup .close::selection{background:0 0}#balfpopup .image_filter{background-color:#aaa;background-size:cover;position:absolute;left:0;top:0;right:0;bottom:0}#balfpopup .image_wrapper{display:inline-block;position:relative;height:100%}#balfpopup .unframed{position:absolute;bottom:0;top:0;left:0;right:0;text-align:center}#balfpopup img,#balfpopup video,#balfpopup .video_wrapper{max-width:100%;max-height:100%;display:block;margin:auto}#balfpopup iframe{border:0;height:100%;width:100%}#balfpopup video{width:100%;height:100%}#balfpopup video,#balfpopup iframe,#balfpopup .content_wrap{position:absolute;bottom:0;top:0;left:0;right:0}#balfpopup .content_wrap{border-radius:5px;overflow:hidden}#balfpopup .previous,#balfpopup .next{position:absolute;height:60px;top:0;bottom:0;margin:auto;font-size:60px;color:#fff;text-shadow:0 0 3px #000;z-index:200;cursor:pointer;line-height:1}#balfpopup .previous{left:5px}#balfpopup .next{right:5px}#balfpopup .previous:after{content:"\003c"}#balfpopup .next:after{content:"\003e"}#balfpopup .previous:hover:after,#balfpopup .next:hover:after{color:#269}#balfpopup .top_bar{position:absolute;right:-2px;top:-30px;background:#3b3b3b;height:30px;width:60px;border-radius:5px 5px 0 0}#quick_alert{text-align:center;top:5px;position:fixed;left:0;right:0;z-index:10000;display:none;margin:auto;max-width:95%;overflow-x:hidden;width:100%}.fixed_menu_mode #quick_alert{margin-top:55px}#quick_alert .text{padding:5px;font-size:18px;font-weight:900;border-radius:50px;min-width:60px;height:60px;display:table;margin:auto;background:#ddd;background:var(--general-group-background-3);overflow:hidden}#quick_alert .symbol{background:#0af;border-radius:50%;padding:3px;width:60px;height:60px;text-align:center;color:#fff;font-size:40px}#quick_alert .content{display:block;margin:0 10px;overflow:hidden}#quick_alert .text>div{display:table-cell;vertical-align:middle}#quick_alert.opening{transform:scale(1);animation:quick_alert_opening 0.5s}#quick_alert.closing{transform:scale(.3);animation:quick_alert_closing 0.5s}@keyframes quick_alert_opening{0%{transform:scale(.3)}100%{transform:scale(1)}}@keyframes quick_alert_closing{0%{transform:scale(1)}100%{transform:scale(.3)}}@supports (-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0)){#quick_alert .text{background:var(--blur-background)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.code{margin:15px 0;background:#384047;overflow:hidden;clear:both;position:relative;border:2px #444 solid;border-radius:5px;line-height:1.7}.code>.title{font-family:'Quicksand',sans-serif;font-family:var(--font-family-sans);background:#444;font-weight:500;color:#ffa600;font-size:120%;padding:0 12px;position:relative;z-index:2;margin-bottom:-1px;background-image:url(/assets/images/mac-icons.png);background-position:right 10px;background-size:60px auto;background-repeat:no-repeat;background-color:#444}.code .code_buttons{position:absolute;right:12px;bottom:14px;opacity:.5}.code .code_buttons:hover{opacity:1}.code>.addon_buttons{display:none}.code .code_buttons button:before{top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:5px}.code .code_buttons button:after{border-radius:3px}.code .code_buttons button{margin:0 2px;font-size:13px;padding:0;padding-top:3px;color:#fff;background:#36A;background:var(--theme-color-2);border-radius:50%;height:26px;width:26px;border:0;cursor:pointer;border-radius:3px;border:1px #aaa solid}.code .code_buttons button .text{margin:0!important;padding:0!important;background:transparent!important;color:#fff!important}.code .code_buttons button:hover{background:#215c88}.code .code_buttons button:hover:after{background:#215c88}.code .sample,.text_sample{font-size:90%;margin:0;text-align:left;white-space:nowrap;color:#000;color:var(--main-color);max-height:390px;overflow:auto;-webkit-overflow-scrolling:touch;font-weight:400;padding:15px 0}.code .sample::-webkit-scrollbar-track{background:#eee!important;background:var(--code-sample-background)!important}.code .sample{margin-top:0;background:#eee;background:var(--code-sample-background)}.code pre{margin:0;display:table;min-width:100%;-webkit-text-shadow:0 1px #fff;-ms-text-shadow:0 1px #fff;-o-text-shadow:0 1px #fff;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-webkit-tab-size:4;-ms-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-weight:500;counter-reset:line_numbering}.code pre .line{padding:0 5px 0 .75em;position:relative;margin-left:2em;display:block;min-height:25px}.code pre.hundreds .line{padding:0 5px 0 1.25em}.code pre.hundreds .line:before{width:2.5em}.code pre.thousands .line{padding:0 5px 0 1.75em}.code pre.thousands .line:before{width:3em}.code pre .line:hover,.code pre .line:hover:before{background:rgba(150,150,150,.2)}.code pre .line.single{margin-top:10px}.code pre .line:before{content:counter(line_numbering);counter-increment:line_numbering;width:2em;position:absolute;left:-2em;color:#777;text-align:right;bottom:0;top:0}.code .sample .line.important,.code pre .line.important:before,.code pre .line.important .number{background:rgba(34,102,153,.2)}:root{--theme-color-1:#f60;--theme-color-2:#36a}:root,html.light{--font-family-sans:'Quicksand',sans-serif;--font-family-serif:'Roboto Serif','Playfair Display',serif;--font-family-mono:'Fira Mono',monospace;--font-family-handwriting:'Neucha','Quicksand',serif;--blur-background:rgba(200,200,200,.7);--heading-background:#eee;--section-heading-background:#ddd;--lesson-intro-background:#e9edf4;--lesson-intro-color:#222;--main-background:#fff;--main-color:#000;--well-background:#eee;--button-background:#ddd;--button-color:#000;--button-background-hover:#eee;--task-color:#000;--starter-color:#000;--extension-color:#000;--badge-background:#fff;--badge-border-color:#000;--sprite-id-background:#ddd;--note-background:#f0f0f0;--data-table-background-odd:#f8f8f8;--data-table-background-even:#eee;--data-table-background-heading:#ccc;--brief-background:#fcffdb;--navigation-background:#f0f0f0;--main-shadow-color:#aaa;--input-background:#fff;--general-group-color-1:#333;--general-group-background-1:#eee;--general-group-background-2:#f8f8f8;--general-group-background-3:#ddd;--general-group-background-4:#f0f0f0;--general-group-background-5:#bbb;--general-group-background-6:#ddd;--general-group-background-7:#ccc;--nav-colour:#36c;--blue-theme-colour:#000062;--code-sample-background:#eee}@media (prefers-color-scheme:dark){@media only screen{:root{--blur-background:rgba(0,0,0,.7);--heading-background:#000;--section-heading-background:#444;--lesson-intro-background:#444;--lesson-intro-color:#ddd;--main-background:#222;--main-color:#fff;--well-background:#000;--button-background:#444;--button-color:#fff;--button-background-hover:#222;--task-background:#f14a4a;--task-color:#fff;--extension-background:#ffe6bb;--extension-color:#000;--badge-background:#555;--badge-border-color:#777;--sprite-id-background:#000;--note-background:#444;--data-table-background-odd:#444;--data-table-background-even:#333;--data-table-background-heading:#000;--brief-background:#111;--navigation-background:#333;--input-background:#000;--general-group-color-1:#ddd;--general-group-background-1:#333;--general-group-background-2:#080808;--general-group-background-3:#444;--general-group-background-4:#0f0f0f;--general-group-background-5:#555;--general-group-background-6:#222;--general-group-background-7:#666;--nav-colour:#0af;--blue-theme-colour:#269;--code-sample-background:#002b36}.light_mode_only{display:none}}}@media (prefers-color-scheme:light){.dark_mode_only{display:none}}@media only screen{html.dark{--blur-background:rgba(0,0,0,.7);--heading-background:#000;--section-heading-background:#444;--lesson-intro-background:#444;--lesson-intro-color:#ddd;--main-background:#222;--main-color:#fff;--well-background:#000;--button-background:#444;--button-color:#fff;--button-background-hover:#222;--task-background:#f14a4a;--task-color:#fff;--extension-background:#ffe6bb;--extension-color:#000;--badge-background:#555;--badge-border-color:#777;--sprite-id-background:#000;--note-background:#444;--data-table-background-odd:#444;--data-table-background-even:#333;--data-table-background-heading:#000;--navigation-background:#333;--input-background:#000;--general-group-color-1:#ddd;--general-group-background-1:#333;--general-group-background-2:#080808;--general-group-background-3:#444;--general-group-background-4:#0f0f0f;--general-group-background-5:#555;--general-group-background-6:#222;--general-group-background-7:#666;--nav-colour:#0af;--blue-theme-colour:#269;--code-sample-background:#002b36}html.dark .light_mode_only{display:none}html:not(.dark) .dark_mode_only{display:none}}@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:200;src:url(/assets/fonts/oswald/oswald-v53-latin-200.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:400;src:url(/assets/fonts/oswald/oswald-v53-latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:600;src:url(/assets/fonts/oswald/oswald-v53-latin-600.woff2) format('woff2')}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(/assets/fonts/lora/lora-v14-latin-regular.eot);src:local('Lora Regular'),local('Lora-Regular'),url('/assets/fonts/lora/lora-v14-latin-regular.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/lora/lora-v14-latin-regular.woff2) format('woff2'),url(/assets/fonts/lora/lora-v14-latin-regular.woff) format('woff'),url(/assets/fonts/lora/lora-v14-latin-regular.ttf) format('truetype'),url('/assets/fonts/lora/lora-v14-latin-regular.svg#Lora') format('svg')}@font-face{font-family:'Lora';font-style:normal;font-weight:700;src:url(/assets/fonts/lora/lora-v14-latin-700.eot);src:local('Lora Bold'),local('Lora-Bold'),url('/assets/fonts/lora/lora-v14-latin-700.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/lora/lora-v14-latin-700.woff2) format('woff2'),url(/assets/fonts/lora/lora-v14-latin-700.woff) format('woff'),url(/assets/fonts/lora/lora-v14-latin-700.ttf) format('truetype'),url('/assets/fonts/lora/lora-v14-latin-700.svg#Lora') format('svg')}@font-face{font-family:'Lora';font-style:italic;font-weight:400;src:url(/assets/fonts/lora/lora-v14-latin-italic.eot);src:local('Lora Italic'),local('Lora-Italic'),url('/assets/fonts/lora/lora-v14-latin-italic.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/lora/lora-v14-latin-italic.woff2) format('woff2'),url(/assets/fonts/lora/lora-v14-latin-italic.woff) format('woff'),url(/assets/fonts/lora/lora-v14-latin-italic.ttf) format('truetype'),url('/assets/fonts/lora/lora-v14-latin-italic.svg#Lora') format('svg')}@font-face{font-family:'Mario';font-style:normal;font-weight:400;src:local('Mario'),local('Mario'),url(/assets/fonts/mario/SuperMario256.ttf) format('truetype'),}@font-face{font-family:'Quicksand';font-style:normal;font-weight:300;src:url(/assets/fonts/quicksand/quicksand-v22-latin-300.eot);src:local(''),url('/assets/fonts/quicksand/quicksand-v22-latin-300.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/quicksand/quicksand-v22-latin-300.woff2) format('woff2'),url(/assets/fonts/quicksand/quicksand-v22-latin-300.woff) format('woff'),url(/assets/fonts/quicksand/quicksand-v22-latin-300.ttf) format('truetype'),url('/assets/fonts/quicksand/quicksand-v22-latin-300.svg#Quicksand') format('svg')}@font-face{font-family:'Quicksand';font-style:normal;font-weight:500;src:url(/assets/fonts/quicksand/quicksand-v22-latin-500.eot);src:local(''),url('/assets/fonts/quicksand/quicksand-v22-latin-500.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/quicksand/quicksand-v22-latin-500.woff2) format('woff2'),url(/assets/fonts/quicksand/quicksand-v22-latin-500.woff) format('woff'),url(/assets/fonts/quicksand/quicksand-v22-latin-500.ttf) format('truetype'),url('/assets/fonts/quicksand/quicksand-v22-latin-500.svg#Quicksand') format('svg')}@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;src:url(/assets/fonts/quicksand/quicksand-v22-latin-600.eot);src:local(''),url('/assets/fonts/quicksand/quicksand-v22-latin-600.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/quicksand/quicksand-v22-latin-600.woff2) format('woff2'),url(/assets/fonts/quicksand/quicksand-v22-latin-600.woff) format('woff'),url(/assets/fonts/quicksand/quicksand-v22-latin-600.ttf) format('truetype'),url('/assets/fonts/quicksand/quicksand-v22-latin-600.svg#Quicksand') format('svg')}@font-face{font-family:'Quicksand';font-style:normal;font-weight:400;src:url(/assets/fonts/quicksand/quicksand-v22-latin-regular.eot);src:local(''),url('/assets/fonts/quicksand/quicksand-v22-latin-regular.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/quicksand/quicksand-v22-latin-regular.woff2) format('woff2'),url(/assets/fonts/quicksand/quicksand-v22-latin-regular.woff) format('woff'),url(/assets/fonts/quicksand/quicksand-v22-latin-regular.ttf) format('truetype'),url('/assets/fonts/quicksand/quicksand-v22-latin-regular.svg#Quicksand') format('svg')}@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;src:url(/assets/fonts/quicksand/quicksand-v22-latin-700.eot);src:local(''),url('/assets/fonts/quicksand/quicksand-v22-latin-700.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/quicksand/quicksand-v22-latin-700.woff2) format('woff2'),url(/assets/fonts/quicksand/quicksand-v22-latin-700.woff) format('woff'),url(/assets/fonts/quicksand/quicksand-v22-latin-700.ttf) format('truetype'),url('/assets/fonts/quicksand/quicksand-v22-latin-700.svg#Quicksand') format('svg')}@font-face{font-family:'Patrick Hand';font-style:normal;font-weight:400;src:url(/assets/fonts/patrick-hand/patrick-hand-v14-latin-regular.eot);src:local(''),url('/assets/fonts/patrick-hand/patrick-hand-v14-latin-regular.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/patrick-hand/patrick-hand-v14-latin-regular.woff2) format('woff2'),url(/assets/fonts/patrick-hand/patrick-hand-v14-latin-regular.woff) format('woff'),url(/assets/fonts/patrick-hand/patrick-hand-v14-latin-regular.ttf) format('truetype'),url('/assets/fonts/patrick-hand/patrick-hand-v14-latin-regular.svg#PatrickHand') format('svg')}@font-face{font-family:'Merriweather';font-style:normal;font-weight:300;src:url(/assets/fonts/merriweather/merriweather-v22-latin-300.eot);src:local(''),url('/assets/fonts/merriweather/merriweather-v22-latin-300.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/merriweather/merriweather-v22-latin-300.woff2) format('woff2'),url(/assets/fonts/merriweather/merriweather-v22-latin-300.woff) format('woff'),url(/assets/fonts/merriweather/merriweather-v22-latin-300.ttf) format('truetype'),url('/assets/fonts/merriweather/merriweather-v22-latin-300.svg#Merriweather') format('svg')}@font-face{font-family:'Merriweather';font-style:italic;font-weight:300;src:url(/assets/fonts/merriweather/merriweather-v22-latin-300italic.eot);src:local(''),url('/assets/fonts/merriweather/merriweather-v22-latin-300italic.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/merriweather/merriweather-v22-latin-300italic.woff2) format('woff2'),url(/assets/fonts/merriweather/merriweather-v22-latin-300italic.woff) format('woff'),url(/assets/fonts/merriweather/merriweather-v22-latin-300italic.ttf) format('truetype'),url('/assets/fonts/merriweather/merriweather-v22-latin-300italic.svg#Merriweather') format('svg')}@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;src:url(/assets/fonts/merriweather/merriweather-v22-latin-regular.eot);src:local(''),url('/assets/fonts/merriweather/merriweather-v22-latin-regular.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/merriweather/merriweather-v22-latin-regular.woff2) format('woff2'),url(/assets/fonts/merriweather/merriweather-v22-latin-regular.woff) format('woff'),url(/assets/fonts/merriweather/merriweather-v22-latin-regular.ttf) format('truetype'),url('/assets/fonts/merriweather/merriweather-v22-latin-regular.svg#Merriweather') format('svg')}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;src:url(/assets/fonts/merriweather/merriweather-v22-latin-italic.eot);src:local(''),url('/assets/fonts/merriweather/merriweather-v22-latin-italic.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/merriweather/merriweather-v22-latin-italic.woff2) format('woff2'),url(/assets/fonts/merriweather/merriweather-v22-latin-italic.woff) format('woff'),url(/assets/fonts/merriweather/merriweather-v22-latin-italic.ttf) format('truetype'),url('/assets/fonts/merriweather/merriweather-v22-latin-italic.svg#Merriweather') format('svg')}@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;src:url(/assets/fonts/merriweather/merriweather-v22-latin-700.eot);src:local(''),url('/assets/fonts/merriweather/merriweather-v22-latin-700.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/merriweather/merriweather-v22-latin-700.woff2) format('woff2'),url(/assets/fonts/merriweather/merriweather-v22-latin-700.woff) format('woff'),url(/assets/fonts/merriweather/merriweather-v22-latin-700.ttf) format('truetype'),url('/assets/fonts/merriweather/merriweather-v22-latin-700.svg#Merriweather') format('svg')}@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:url(/assets/fonts/raleway/raleway-v12-latin-300.eot);src:local(''),url('/assets/fonts/raleway/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/raleway/raleway-v12-latin-300.woff2) format('woff2'),url(/assets/fonts/raleway/raleway-v12-latin-300.woff) format('woff'),url(/assets/fonts/raleway/raleway-v12-latin-300.ttf) format('truetype'),url('/assets/fonts/raleway/raleway-v12-latin-300.svg#Raleway') format('svg')}@font-face{font-family:'Fira Mono';font-style:normal;font-weight:400;src:url(/assets/fonts/fira-mono/fira-mono-v7-latin-regular.eot);src:local('Fira Mono Regular'),local('FiraMono-Regular'),url('/assets/fonts/fira-mono/fira-mono-v7-latin-regular.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/fira-mono/fira-mono-v7-latin-regular.woff2) format('woff2'),url(/assets/fonts/fira-mono/fira-mono-v7-latin-regular.woff) format('woff'),url(/assets/fonts/fira-mono/fira-mono-v7-latin-regular.ttf) format('truetype'),url('/assets/fonts/fira-mono/fira-mono-v7-latin-regular.svg#FiraMono') format('svg')}@font-face{font-family:'Fira Mono';font-style:normal;font-weight:500;src:url(/assets/fonts/fira-mono/fira-mono-v7-latin-500.eot);src:local('Fira Mono Medium'),local('FiraMono-Medium'),url('/assets/fonts/fira-mono/fira-mono-v7-latin-500.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/fira-mono/fira-mono-v7-latin-500.woff2) format('woff2'),url(/assets/fonts/fira-mono/fira-mono-v7-latin-500.woff) format('woff'),url(/assets/fonts/fira-mono/fira-mono-v7-latin-500.ttf) format('truetype'),url('/assets/fonts/fira-mono/fira-mono-v7-latin-500.svg#FiraMono') format('svg')}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(/assets/fonts/lora/lora-v14-latin-regular.eot);src:local('Lora Regular'),local('Lora-Regular'),url('/assets/fonts/lora/lora-v14-latin-regular.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/lora/lora-v14-latin-regular.woff2) format('woff2'),url(/assets/fonts/lora/lora-v14-latin-regular.woff) format('woff'),url(/assets/fonts/lora/lora-v14-latin-regular.ttf) format('truetype'),url('/assets/fonts/lora/lora-v14-latin-regular.svg#Lora') format('svg')}@font-face{font-family:'Lora';font-style:normal;font-weight:700;src:url(/assets/fonts/lora/lora-v14-latin-700.eot);src:local('Lora Bold'),local('Lora-Bold'),url('/assets/fonts/lora/lora-v14-latin-700.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/lora/lora-v14-latin-700.woff2) format('woff2'),url(/assets/fonts/lora/lora-v14-latin-700.woff) format('woff'),url(/assets/fonts/lora/lora-v14-latin-700.ttf) format('truetype'),url('/assets/fonts/lora/lora-v14-latin-700.svg#Lora') format('svg')}@font-face{font-family:'Lora';font-style:italic;font-weight:400;src:url(/assets/fonts/lora/lora-v14-latin-italic.eot);src:local('Lora Italic'),local('Lora-Italic'),url('/assets/fonts/lora/lora-v14-latin-italic.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/lora/lora-v14-latin-italic.woff2) format('woff2'),url(/assets/fonts/lora/lora-v14-latin-italic.woff) format('woff'),url(/assets/fonts/lora/lora-v14-latin-italic.ttf) format('truetype'),url('/assets/fonts/lora/lora-v14-latin-italic.svg#Lora') format('svg')}@font-face{font-family:'Neucha';font-style:normal;font-weight:400;src:url(/assets/fonts/neucha/neucha-v12-latin-regular.eot);src:local(''),url('/assets/fonts/neucha/neucha-v12-latin-regular.eot?#iefix') format('embedded-opentype'),url(/assets/fonts/neucha/neucha-v12-latin-regular.woff2) format('woff2'),url(/assets/fonts/neucha/neucha-v12-latin-regular.woff) format('woff'),url(/assets/fonts/neucha/neucha-v12-latin-regular.ttf) format('truetype'),url('/assets/fonts/neucha/neucha-v12-latin-regular.svg#Neucha') format('svg')}@font-face{font-family:'OpenDyslexic';font-style:normal;font-weight:500;src:url(/assets/fonts/open-dyslexic/OpenDyslexic-Regular.eot);src:local(''),url(/assets/fonts/open-dyslexic/OpenDyslexic-Regular.woff2) format('woff2'),url(/assets/fonts/open-dyslexic/OpenDyslexic-Regular.woff) format('woff'),url(/assets/fonts/open-dyslexic/OpenDyslexic-Regular.otf) format('opentype'),}@font-face{font-family:'OpenDyslexic';font-style:italic;font-weight:500;src:url(/assets/fonts/open-dyslexic/OpenDyslexic-Italic.eot);src:local(''),url(/assets/fonts/open-dyslexic/OpenDyslexic-Italic.woff2) format('woff2'),url(/assets/fonts/open-dyslexic/OpenDyslexic-Italic.woff) format('woff'),url(/assets/fonts/open-dyslexic/OpenDyslexic-Italic.otf) format('opentype'),}.sans{font-family:'Quicksand',sans-serif;font-family:var(--font-family-sans)}.serif{font-family:'Roboto Serif','Playfair Display',serif;font-family:var(--font-family-serif)}.monospace{font-family:'Fira Mono',monospace;font-family:var(--font-family-mono)}.handwriting{font-family:'Neucha','Quicksand',serif;font-family:var(--font-family-handwriting)}.dyslexic{font-family:"OpenDyslexic"}html,body,input,textarea{font-family:"Quicksand",sans-serif;font-size:16px;background:#fff;background:var(--main-background)}html{scrollbar-color:#666 #aaa;scrollbar-width:thin;counter-reset:step_counter 0}html::-webkit-scrollbar{height:8px;width:8px}html::-webkit-scrollbar-thumb{background-color:#777;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}html::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}html.no_scroll body,html.locked body{overflow:hidden}html.locked #floating_buttons{display:none}#main_parts{position:relative;z-index:2;background:#fff;background:var(--main-background);padding-bottom:150px}#main_parts:before{content:" ";position:absolute;top:-10px;left:0;right:0;background:linear-gradient(transparent,var(--main-background));height:10px}html.dark #main_parts:before{background:linear-gradient(transparent,#222)}html.dyslexic_friendly,html.dyslexic_friendly body,html.dyslexic_friendly input,html.dyslexic_friendly textarea,html.dyslexic_friendly h2,html.dyslexic_friendly h3,html.dyslexic_friendly .assessment,html.dyslexic_friendly .button,html.dyslexic_friendly .button *:not(.icon),html.dyslexic_friendly .button,html.dyslexic_friendly .button *:not(.icon){font-family:"OpenDyslexic"!important}html.dyslexic_friendly h2.spanned,html.dyslexic_friendly h3.spanned,html.dyslexic_friendly h4.spanned{font-size:12px}html.dyslexic_friendly body{font-size:14px}html.dyslexic_friendly .learning_intentions:after,html.dyslexic_friendly .success_criteria:after{font-size:14px}#settings_menu .group .dyslexic_on{font-family:"OpenDyslexic"!important;padding:23px 8px!important;width:46px;height:46px;text-align:center}#content{max-width:22cm;margin:auto;position:relative;z-index:1;min-height:600px}h1,h2{clear:both;font-weight:400;position:relative}h2.spanned,h3.spanned,h4.spanned{background:transparent;padding-left:0;padding-right:0;font-size:16px}h2>span.content{font-size:1.55em}h2.spanned span{display:block}h3 span{font-size:1.25em;display:inline-block;padding:5px}h4{font-size:1.05em;font-weight:500}.mini_heading{font-weight:700;font-size:20px}.glow,.glow *{background:linear-gradient(0deg,#ff7461,#ea1b4b)}.medium{font-size:130%}.large{font-size:200%}#heading_wrapper{top:0;position:fixed;left:0;right:0;z-index:0}h1,#invisible_top>div{color:#f60;font-size:2em;text-transform:uppercase;font-family:"Oswald";text-align:center;font-weight:200;letter-spacing:6px;padding:60px;margin:-5px}html.has_heading_background h1,html.has_heading_background #invisible_top>div{padding:140px 20px;background-size:cover!important}html.has_heading_background h1 .inner{background:var(--main-background);padding:30px;margin:-40px;border:5px #36A solid;display:inline-block}html.has_heading_background.dark h1 .inner{border-color:#555}h1{color:#f60;background:#fff;background:var(--heading-background);margin-bottom:0;position:absolute;z-index:21;font-weight:200;left:0;right:0;top:0}h1 sub,#invisible_top>div sub{display:block;font-size:50%}h1,h2,h3,h4,h5,h6{font-family:"Oswald","Quicksand",sans-serif}#invisible_top{opacity:0;margin-bottom:5px;overflow:hidden;position:relative;z-index:-1}html.fixed #floating_navigation{position:fixed;height:90%;overflow-y:auto}.button.success:hover:after{background-color:#0a0!important}.button[disabled]:not(.selected){opacity:.6}#floating_buttons{position:fixed;bottom:0;top:0;margin:auto;height:90px;right:-3px;z-index:19;background:rgba(128,128,128,.3);width:85px;border-radius:5px 0 0 5px;backdrop-filter:blur(20px)}#floating_buttons.two,#floating_buttons.play_pause_visible{height:165px}#floating_buttons.two.play_pause_visible{height:240px}#floating_buttons>*{height:60px;width:60px;border-radius:50%;padding:3px 0;display:block;margin:15px auto;cursor:pointer;color:#fff!important;text-align:center}#floating_buttons .icon,#floating_buttons .text{color:#fff!important;text-align:center}#floating_buttons .icon{font-size:30px}#floating_buttons .text{font-size:8px;text-transform:uppercase;font-weight:700;display:block;color:#000;line-height:0;padding:0;height:0;margin:7px;color:#fff}#settings{background:#0af}#settings .icon{margin-bottom:1px}#save_button .icon{margin-bottom:3px}#settings:hover,#settings:hover:after{background:#0af}#save_button{background:#0a0;border-color:#c3e6cb;color:#fff}#save_button:hover,#save_button:hover:after{background:#0a0!important}#playpause_btn{display:block;background:#000;font-size:27px;padding:8px 6px}#playpause_btn.hidden{display:none!important}#playpause_btn span.icon-play3{padding-left:4px}#playpause_btn span.icon-controller-pause{padding-left:2px}#playpause_btn:hover,#playpause_btn:hover:after{background:#000}#settings .icon,#playpause_btn>span{background:transparent;padding:0;color:#fff;font-weight:200}#print_button{background:#cce5ff;border-color:#b8daff;margin:3px 10px}#edit_button{background:#fff3cd;border-color:#ffeeba;margin:3px 10px}#print_button,#edit_button{padding:2px 50px}#save_button span.icon,#print_button span.icon,#edit_button span.icon{background:transparent;font-size:30px;color:#000;padding:0}#print_button span.text,#edit_button span.text{font-size:10px;text-transform:uppercase;font-weight:700;display:block;color:#000;line-height:0;padding:0;height:0;margin:7px}#print_button:hover span.icon,#edit_button:hover span.icon,#print_button:hover span.text,#edit_button:hover span.text{color:var(--main-color)}.read_this{display:none;background:#36A;color:#fff;position:absolute;left:-40px;top:0;bottom:0;margin:auto;height:30px;padding:5px 5px;border-radius:50%;font-size:18px;cursor:pointer}.reader_on .read_this{display:block}.reader_on h2.has_reader{margin-left:40px}h2,h2.spanned>span.content,h3.spanned>span.content{background:#ddd;background:var(--section-heading-background);color:#000;color:var(--main-color);clear:both;z-index:1;letter-spacing:2px;text-transform:uppercase;padding:3px;font-weight:400;border-radius:5px}h2:not(.spanned).has_checkbox,h2.has_checkbox.spanned span.content{padding-right:50px}h3.spanned>span.content{display:inline-block;padding:5px}h4{text-transform:uppercase}img{margin:auto;max-width:100%}.image_frame,.video_frame{border:7px #ddd solid;border-color:var(--section-heading-background);display:table;margin:auto;max-width:95%}.image_frame p,.video_frame p{margin:0;text-align:center;font-size:12px}.video_frame video{max-width:100%}.image_frame img,.image_frame video{max-width:100%;max-height:500px;display:block;margin:auto}iframe.video{width:100%;aspect-ratio:1.77}.cleared{clear:both}.cleared img,.col_lg_6 img{max-width:100%;margin:auto;display:block}.banner{text-align:center}.banner img{max-width:100%;margin:auto}.centered_image{text-align:center}.centered_image img{max-width:100%;margin:auto}h2{padding:5px;border-radius:5px;padding-right:50px}.learning_intentions:after{content:"Learning Intentions"}.success_criteria:after{content:"Success Criteria"}.learning_intentions:after,.success_criteria:after{position:absolute;background:transparent;border:3px #000062 solid;border-color:var(--blue-theme-colour);font-size:16px;padding:10px;text-align:center;width:225px;top:-60px;left:0;right:0;margin:auto;text-transform:uppercase}.learning_intentions ul:before,.success_criteria ul:before{font-family:'icomoon'!important;background:transparent;color:#000;display:block;position:absolute;left:0;font-size:34px;top:0;left:12px;bottom:0;margin:auto;background:#fff;border-radius:50%;padding:2px 3px;height:33px;box-shadow:0 0 8px #000}.learning_intentions ul li:before,.success_criteria ul li:before{display:none}.learning_intentions ul:before{content:"\e960";padding-top:3px;padding-bottom:4px}.learning_intentions ul li,.success_criteria ul li{padding-left:65px;position:relative}.success_criteria ul:before{content:"\e920";padding-bottom:4px;padding-top:3px}.learning_intentions ul li,.success_criteria ul li{position:relative;list-style-type:none}.learning_intentions,.success_criteria{list-style:none;margin-left:5px;display:block;padding:3px;position:relative;max-width:1200px;margin:auto;margin:20px auto;margin-top:75px;text-align:left}.learning_intentions>ul,.success_criteria>ul{background:#777;position:relative;z-index:3;border-radius:5px;padding:10px}.learning_intentions:before,.success_criteria:before{content:" ";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border-radius:7px}.learning_intentions:before{background:var(--product-gradient-3)}.success_criteria:before{background:var(--product-gradient-2)}.learning_intentions>ul>li>ul,.success_criteria>ul>li>ul{margin-left:10px}.learning_intentions ul *,.success_criteria ul *{color:#fff!important}.lesson_intro ul{margin:0;padding-left:0}.lesson_intro+h2{margin-top:90px}.step,.task,.extension,.note,.definition,.test_it,.hint,.dyk,.starter,#lesson_review{padding:25px;position:relative;margin-top:40px;margin-bottom:15px;border-radius:5px;font-weight:400;clear:both}.note,.hint,.definition,.dyk{margin:0 auto;margin-top:50px;width:80%;max-width:500px;min-width:350px;border:4px #3ece78 solid;border-radius:0 0 5px 5px}.good_to_know,.instruction{background:#eee;background:var(--well-background);position:relative;margin-left:30px;padding:10px;border-radius:0 5px 5px 0}.good_to_know:before,.instruction:before{content:" ";position:absolute;left:-30px;top:0;bottom:0;width:30px;background:#f60;border-radius:5px 0 0 5px}.good_to_know:after,.instruction:after{content:"Key Knowledge";position:absolute;top:100px;left:-15px;transform:rotate(-90deg);transform-origin:center left;font-size:14px;color:#fff;white-space:nowrap}.instruction:before{background:#36A}.instruction:after{content:"Instruction";top:70px}.step:after,.task:after,.extension:after,.note::after,.test_it:after,#lesson_review:after,.starter:after{font-family:"icomoon";padding:10px;position:absolute;right:10px;top:-7px;border-radius:50%;font-size:40px;border:3px #aaa solid}.step,.task,.starter,.extension,.assessment{border:2px #ddd solid;background:#eee;background:var(--general-group-background-1);color:#000;color:var(--main-color)}.task{border-color:#943699}.step{border-color:#3868b0;counter-increment:step_counter}.task:before{content:"Activity " attr(data-activity-number);background:#943699;color:#fff}.step:before{content:"Step " counter(step_counter);background:#3868b0;color:#fff}.assessment:before{content:"Assessment";background:#3868b0;color:#fff;margin:-12px!important;margin-bottom:40px!important}.task:after{content:"\e946";background:#7f0386;border-color:#943699;color:#fff}.step:after{content:"\ea11";background:#254b67;border-color:#3868b0;color:#fff}.starter{border-color:#a00}#lesson_review{color:#000}#lesson_review .large_number{border:2px #0af solid}.starter .large_number{border:2px #a00 solid}.task .large_number{border:2px #943699 solid}.assessment .large_number{border:2px #ddd solid}.starter:before{content:"Starter";background:#a00;color:#fff}.starter:after{content:"\ea1c";background:#ff3838;border-color:#a00;color:#fff;padding:13px 10px;right:10px;top:-10px;padding-left:16px}.step ol li,.task ol li,.task ul li,.extension ol li,.extension ul li,.starter ol li{padding-left:20px}.assessment{font-weight:500;padding:10px;border-radius:4px;border-color:#36A!important}.question_table{width:100%;table-layout:fixed;margin:20px auto}.question_table .question{display:table;width:100%;position:relative}.question_table .question>*{display:table-cell;vertical-align:top;padding:5px}.question_table .question.indented .content{padding-left:40px}.question_table .question .content{padding:10px;padding-top:40px}.question_table .mark{width:100%;width:60px;min-width:60px;text-align:center;border:1px #000 solid;border-top:0;vertical-align:bottom;position:relative;background:#fff;color:#000!important}.question_table>:first-child .mark{border-top:1px #000 solid;color:var(--main-colour)!important}.question_table>:first-child .mark:before{position:absolute;left:0;right:0;content:"Marks";top:-20px;font-style:italic}.question_table .mark.no_marks{border-bottom:0}.assessment .question_table{counter-reset:number_list alpha_list}.assessment .question_group{counter-reset:alpha_list}.assessment .question_table .question:not(.indented){counter-reset:alpha_list}.assessment .question_table .question .number{counter-reset:alpha_list;counter-increment:number_list}.assessment .question_table .question .number:before,.assessment .question_table .question .alpha:before{content:counter(number_list) ". ";display:block}.assessment .question_table .question .alpha{counter-increment:alpha_list;padding-left:25px}.assessment .question_table .question .alpha:before{content:counter(alpha_list,lower-alpha) ") "}.extension{border-color:#f60}.extension:before{content:"Extension task";margin:-25px;padding:5px;background:#f60;color:#fff}.extension:after{content:"\ea0a";background:#ffa600;color:#fff;border-color:#f60;padding-left:11px}.note,.hint,.definition,.dyk{background:#f0f0f0;background:var(--note-background);color:#000;color:var(--main-color)}.note:before,.hint:before,.definition:before,.dyk:before{content:"Note!";background:#3ece78;color:#fff;position:absolute;top:-36px;left:-4px;right:-4px;padding:5px 10px;font-family:"Oswald";text-transform:uppercase;border-radius:5px 5px 0 0}.hint{border-color:#7300ff}.hint:before{content:"Hint!";background:#7300ff}.definition{border-color:#6e14d7}.definition:before{content:"Definition";background:#6e14d7}.dyk{border-color:#269}.dyk:before{content:"Did you know?";background:#269}.note img{max-width:80%;display:block;margin:10px auto;border-radius:5px;padding:5px;background:#fff}.test_it{background:#cdffcd;border-color:#0a0;color:#000}.test_it:before{content:"Test it!";color:#fff;background:#0a0}.step:before,.test_it:before,.task:before,.extension:before,.starter:before,#lesson_review:before,.assessment:before{padding:9px;margin:-26px;display:block;border-radius:3px 3px 0 0;font-size:24px;font-family:"Oswald",sans-serif;text-transform:uppercase}.step:before,.test_it:before,.task:before,.extension:before,.starter:before{margin-bottom:25px!important}.test_it:after{background:#207b20;content:"\ea1c";padding-left:13.5px;padding-right:6.5px;border-color:#0a0;color:#fff}.finished_section{padding:20px 0;margin:20px auto;clear:both}h2+section{padding:15px;border-radius:5px}.worksheet_page.inactive_page{position:absolute;z-index:-1;opacity:0;height:0;overflow:hidden}.finished_section .button{width:auto}h2+section:not(.good_to_know):not(.instruction){min-height:350px}.button{padding:5px 10px;display:inline-block;margin:4px;border-radius:100px;cursor:pointer;user-select:none}.button:not[disabled]:hover{background:#ccc}.button:not[disabled]:hover span{background:transparent}.step:before,.task:before,.extension:before,.note:before,.test_it:before,.starter:before{display:block;font-weight:700;margin-bottom:5px}.scratch_block{border-radius:5px;padding:3px 15px;display:inline-block;line-height:1}.step ol li,.task ol li{position:relative;padding-right:25px}.step ol li .image_frame{margin-top:10px;margin-bottom:10px}.step ol li .certified_done,.task ol li .certified_done{position:absolute;right:0;top:5px}.step ol li.is_done,.task ol li.is_done{text-decoration:line-through}.step ol li.is_done img,.task ol li.is_done img{opacity:.1}.scratch_block.blue,.scratch_value.blue{background:#5f95f7;color:#fff}.scratch_block.green,.scratch_value.green{background:#58C059;color:#fff}.scratch_block.teal,.scratch_value.teal{background:#71afd2;color:#fff}.scratch_block.orange,.scratch_value.orange{background:#f3af43;color:#fff}.scratch_block.dark_orange,.scratch_value.dark_orange{background:#F79131;color:#fff}.scratch_block.yellow,.scratch_value.yellow,.scratch_block.yellow:before{background:#FFBE10;color:#fff}.scratch_block.yellow{position:relative;margin-top:20px;padding:6px 15px}.scratch_block.yellow:before{content:" ";border-radius:50%;z-index:-1;position:absolute;width:50%;top:-13px;height:30px;left:0}.scratch_block.purple,.scratch_value.purple{background:#9A66FF;color:#fff}.scratch_block.pink,.scratch_value.pink{background:#CE67CD;color:#fff}.scratch_block.teal,.scratch_value.teal{background:#22BC8D;color:#fff}.scratch_constant{border-radius:100px;padding:6px 15px}.scratch_value{padding:2px 10px;background:#fff;margin:3px;color:#000;border-radius:100px;display:inline-block}.scratch_dropdown{border-radius:3px;box-shadow:0 0 3px #555;padding:3px 5px;margin:2px 5px;display:inline-block}h1:not(.no_colour) span,h1:not(.no_colour) span *{background:linear-gradient(45deg,#ef00ff,#f06,#f60,#ff59f8,#0af,#a0f);background-size:400% 400%!important;animation:scroll_gradient 30s ease infinite}.keyword{display:inline-block;font-weight:700;color:#0a0;}h1:not(.no_colour) span,h1:not(.no_colour) span *,.glow,.glow *{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;position:relative}.image_frame img,.banner img,.video_frame{display:block}.image_frame img{background:#fff}p,li{line-height:1.8}#main_bottom{position:relative;z-index:18;background:var(--general-group-background-2);margin:0;padding:20px 0;padding-bottom:0;border-bottom:5px #f60 solid;margin-bottom:77px}footer{height:58px;position:fixed;left:0;right:0;bottom:0;z-index:1}footer #dragondocs_logo{font-size:30px;display:block;line-height:0;cursor:pointer;width:50px;margin:auto}footer #dragondocs_logo .icon-dragondocs:before{color:#fff}footer a{color:#fff;text-decoration:none}@media only screen and (min-width:1199.1px){.lg_left_float,.lg_right_float{max-width:45%}}@media only screen and (min-width:921.1px) and (max-width:1199px){.md_left_float,.md_right_float{max-width:45%}}@media only screen and (min-width:921.1px) and (max-width:1199px){.md_left_float,.md_right_float{max-width:45%}}@media only screen and (min-width:767.1px) and (max-width:921px){.sm_left_float,.sm_right_float{max-width:45%}}@media only screen and (max-height:500px){footer{display:none}#main_bottom{margin-bottom:0!important}}.lg_right_float img,.md_right_float img,.sm_right_float img,.print_right_float img,.lg_left_float img,.md_left_float img,.sm_left_float img,.print_left_float img{max-width:100%}.banner{padding:0}.flag,.scratch_pen{background-image:url(/teaching/worksheets/assets/flag.png);display:inline-block;width:23px;height:23px;background-position:bottom;background-size:24px 24px;vertical-align:bottom;background-repeat:no-repeat;vertical-align:middle}.scratch_pen{background-image:url(/teaching/worksheets/assets/scratch_pen.png)}@media only screen{html{background:#fff;background:var(--main-background);color:#000;color:var(--main-color)}#content{background:#fff;background:var(--main-background);color:#000;color:var(--main-color)}.section_checkbox{position:absolute;right:7px;top:0;bottom:0;margin:auto;height:30px;cursor:pointer}.section_checkbox span{border:2px #aaa solid;width:30px;height:30px;border-radius:5px;display:block;background:#fff;background:var(--main-background);font-size:24px}h2.done .section_checkbox span:before,.section_checkbox:hover span:before{font-family:"icomoon";color:#f60;content:"\e920";position:absolute;top:3px;left:3px}h2.done .read_this{display:none}h2 .section_checkbox:hover span:before{opacity:.6}h2.done{color:#0a0}h2.done+section{display:none}#filter{display:none;pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;opacity:.3;z-index:10000}}body{position:relative}#footer{padding:6px;font-size:14px;color:#fff;font-weight:700;text-align:center;background:#333;background:linear-gradient(135deg,#520aa2 0,#b443c9 100%);position:absolute;bottom:0;left:0;right:0;font-family:"Quicksand",sans-serif!important}#footer #version{font-family:'Merriweather',serif;cursor:pointer}#changelog{display:none;position:fixed;left:30px;right:30px;top:30px;bottom:30px;background:#fff;border-radius:7px;z-index:1001;color:#000!important;overflow:hidden;box-shadow:0 0 15px #000}#changelog .inner{position:absolute;top:0;left:0;right:0;bottom:62px;padding:15px;overflow:auto}#changelog .center_align{position:absolute;left:0;right:0;bottom:0;background:#ddd;padding:5px}#blackout{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:1000;background:#000;opacity:.7}.window_popup{display:none;position:fixed;top:0;bottom:0;right:0;left:0;width:500px;height:340px;z-index:1001;background:#ccdeed;background:rgba(204,222,237,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:auto;border-radius:5px;color:#000!important}.window_popup .inner{background:#eff5f9;top:51px;left:0;right:0;bottom:0;padding:0 10px;position:absolute}.window_popup .inner .content{max-height:250px;overflow:auto}.window_popup:before{content:" ";top:0;left:0;right:0;height:50px;position:absolute;border-radius:5px 5px 0 0;border-bottom:1px #ccc solid}.window_popup:after{background:#eff5f9;position:absolute;top:10px;left:10px;padding:10px;height:20px;width:200px;content:"DragonDocs Settings";border-radius:10px 10px 0 0;border:1px #ccc solid;border-bottom:0;color:#444}#popup_uploader:after{content:"Upload"}#popup_canvas:after{content:"Your screenshot"}#popup_canvas canvas{user-select:auto!important}#settings_menu ul{list-style:none}#settings_menu .group{background:#eee;padding:10px;margin:10px 0;border-radius:4px;position:relative}#settings_menu .group .button{font-size:30px;padding:3px;line-height:0}#settings_menu .group .button .icon{font-size:30px;color:#000;color:var(--main-color);background:transparent!important}#settings_menu .group .button .icon:before,#settings_menu .group .button .icon:after{color:#000;color:var(--main-color)}#settings_menu h2{background:transparent;color:#aaa;margin:0 0;text-transform:none;position:absolute;right:0;top:0;padding:0;text-transform:uppercase;font-size:15px}#settings_menu .button span{padding:0}.section_checkbox input{display:none}.checkbox_answer,#readThis{display:none!important}html.inverted{color:#fff}html.inverted body{background:#333}html.inverted #content{background:#000}html.inverted .lesson_intro,html.inverted h2,html.inverted .note:before{background:#222}html.inverted .extension{background:#403f3c}html.inverted .task{background:#6a5c53}html.inverted #lessons{background:#888}html.inverted .note{background:#333}html.blue_filter #filter{background:#1851d3;display:block}html.green_filter #filter{background:#00ff39;display:block}html.green_filter #filter{background:#00ff39;display:block}html.yellow_filter #filter{background:#fff900;display:block}html.purple_filter #filter{background:#cd56fd;display:block}@media only print{html,body,#content{font-size:14px!important}#playpause_btn{display:none!important}#filter_menu,#floating_buttons,#filter{display:none}#footer{position:fixed;background:transparent;padding:0}#content{max-width:none!important}}.table_wrapper{display:block;margin:20px auto;overflow:auto}.round_table_wrapper{display:table;margin:auto;border-radius:9px;padding:2px}.round_table_wrapper table.data{border:0!important;border-radius:0}.round_table_wrapper.green{border:2px #0a0 solid;background:#0a0}table.data{min-width:100%;border:3px #aaa solid;border-color:var(--data-table-background-heading);border-collapse:collapse}table.data.autosize{min-width:0;width:auto;margin:auto}table.data.autosize input{text-align:center}table.data.rounded{overflow:hidden}table.data>tbody>tr>th,table.data.banded>tbody>tr>td:first-child{background:#aaa;background:var(--data-table-background-heading);color:#fff}table.data>tbody>tr>td{background:#ddd;background:var(--data-table-background-even)}table.data>tbody>tr:nth-child(odd) td{background:#ccc;background:var(--data-table-background-odd)}table.data>tbody>tr>th,table.data>tbody>tr>td{padding:5px;text-align:left;color:var(--main-color);border:1px #000 solid;border-color:var(--data-table-background-heading)}table.data>tbody>tr>th{padding:10px 5px}table.data.orange>tbody>tr>th,table.data.orange>tbody>tr>td{border-color:#ffa600}table.data.purple>tbody>tr>th,table.data.purple>tbody>tr>td{border-color:#AD84C6}table.data.green>tbody>tr>th,table.data.green>tbody>tr>td{border-color:#0a0}table.data>tbody>tr>td a{color:#000!important}table.data .answer{width:100%}table.data.orange{border-color:#ffa600!important}table.data.orange th{background:#ffa600!important}table.data.purple{border-color:#AD84C6!important}table.data.purple th{background:#AD84C6!important}table.data.green{border-color:#0a0!important}table.data.green th{background:#0a0!important}table.data.green th,table.data.orange th,table.data.purple th{color:#fff}.requires_answer,.matcher_frame{display:block;padding:8px 15px;font-size:16px;border:2px #000 solid;border-color:var(--main-color)!important;color:#000;color:var(--main-color)!important}.requires_answer{background:#fff;background:var(--main-background)!important}.requires_answer[readonly]{cursor:not-allowed}input.requires_answer{min-width:250px;border-radius:7px}input.no_spinner::-webkit-outer-spin-button,input.no_spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.no_spinner[type=number]{-moz-appearance:textfield}input.code_input,textarea.code_input{font-family:"FiraMono",monospace}table td input.requires_answer{width:100%;min-width:250px}.matcher{position:relative}.matcher .title{z-index:10;background:var(--html-background);text-align:center;font-size:25px;text-transform:uppercase;letter-spacing:4px;font-family:"Oswald","Quicksand",sans-serif}.matcher .words,.matcher .descriptions{padding:0 10px;height:100%;overflow:auto;position:relative;display:grid;grid-auto-rows:1fr}.word,.description{outline:4px transparent solid}.matcher .link_line:before,.matcher .link_line:after{content:" ";background-color:inherit;width:20px;height:20px;position:absolute;border-radius:50%}.matcher .link_line:before{left:-10px;top:-10px}.matcher .link_line:after{bottom:-10px;right:-10px}@media only screen and (max-width:500px){.matcher .link_line{display:none}.new_style #floating_buttons{height:45px!important;right:30px;bottom:0;top:auto;width:auto;padding:3px 10px;border-radius:5px 5px 0 0}.new_style #floating_buttons>*{display:inline-block;height:30px;width:30px;font-size:20px!important;vertical-align:middle;margin:5px 6px!important;padding:0!important}.new_style #floating_buttons>#playpause_btn{margin-right:1px!important}.new_style #floating_buttons>* .icon{font-size:20px!important}.new_style #floating_buttons>* .text{display:none!important}.new_style #playpause_btn span.icon-controller-pause{padding-left:0!important}}@media only screen and (min-width:467.1px){.matcher .row .col_sm_6{height:100%;position:relative}.matcher .title{position:relative;top:-20px;right:0}.matcher .row{position:relative;top:20px;left:0;right:0}}.matcher .container::-webkit-scrollbar-track{background-color:transparent}.matcher .container::-webkit-scrollbar-thumb{background-color:#777;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.matcher .container::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.matcher .container::-webkit-scrollbar{height:8px;width:8px}.matcher .word,.matcher .description{margin:5px;cursor:grab;border-radius:4px}.matcher .word span{display:block;height:100%;border-radius:4px}.matcher .word span,.matcher .description{background:#ccc;background:var(--general-group-background-2);color:#000;color:var(--main-color);padding:10px}.matcher .word{cursor:grabbing;position:relative}.matcher .word:hover span{opacity:.7}.matcher .description{cursor:pointer}.matcher .description.dragover{outline:4px #0af dashed}.description.correct,.word.correct span{background-color:#afa;color:#000}.matcher .description.invalid-match{background-color:#faa;color:#000}.matcher .correct-word-display{color:green;font-weight:700;margin-top:5px}.matcher .word .badge{position:absolute;right:-13px;top:0;bottom:0;height:18px;z-index:100;margin:auto;color:#fff;width:24px;text-align:center;font-size:14px}.matcher .word.correct .badge{right:-15px;width:28px}input.blanks{border:0;outline:0;display:inline-block;border-bottom:2px #000 dashed!important;border-bottom-color:var(--main-color)!important;padding:0;overflow:hidden;font-size:20px;position:relative;top:1px;font-family:"Patrick Hand";min-width:30px;background:transparent!important}input.blanks::placeholder{color:transparent}textarea.requires_answer{width:100%;max-width:100%;min-width:100%;overflow:auto}.requires_answer.textarea,textarea.requires_answer{min-height:150px;max-height:400px;margin:10px 0;white-space:pre-wrap;border-radius:7px}textarea.matcher_result,textarea.reorder_result{height:0;position:absolute;visibility:hidden;min-height:0!important;margin:0!important;padding:0!important;width:0!important;min-width:0!important}.requires_answer.textarea.pre{font-family:"FiraMono",monospace}#lessons{background:linear-gradient(90deg,#07b6bd,#7d2ae8);color:#fff!important;border-radius:5px;margin:20px auto;padding:25px 5px;text-align:center;max-width:22cm}#lessons .title{margin:10px auto;font-weight:700}#lessons ul{margin:0;padding:0;list-style:none}#lessons ul li{display:inline-block}#lessons ul li a{background:#cacaca;padding:9px 15px;border-radius:5px;text-decoration:none;color:#000!important;display:block;margin:3px 0;cursor:pointer}#lessons ul li.active a{background:#f60!important;color:#fff!important}#lessons ul li a.extension_task{background:#0a0;color:#fff!important}#lessons ul li a:hover{background:#bbb}#lessons ul li a.extension_task:hover{background:#070}#feedback_section{text-align:center;margin:0;padding:10px;background:#b5ecbb;color:#000!important;position:relative;z-index:20}#feedback_section a{font-size:40px;display:inline-block;text-decoration:none;cursor:pointer;display:inline-block;margin:0 2px}#feedback_section .title{margin-top:10px;margin-bottom:-5px;text-align:center;font-weight:500;font-size:120%}#feedback_section a:hover{filter:saturate(.5)}#feedback_done{padding:45px;font-size:28px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:3px}.sprite_id{background:#ddd;background:var(--sprite-id-background);padding:5px;border-radius:5px}.button,.button *:not(font):not(.flag),.button,.button *:not(font):not(.flag){font-family:"Quicksand";display:inline-block;text-decoration:none;padding:13px 25px;margin:5px;cursor:pointer;font-size:16px;border:0;font-weight:700;line-height:1;color:#000;color:var(--button-color);background:#ddd;background:var(--button-background);z-index:1;position:relative}.button,.button:before,.button:after{border-radius:100px}.button.correct,.button.correct:hover:before,.button.correct:hover:after{background:#0a0!important;color:#fff}.button.selectable_answer.selected:before{background:#F60!important;color:#fff}.button.wrong,.button.wrong:hover:before,.button.wrong:hover:after{background:#f00!important;color:#fff}.button:not([disabled]):hover:after{background:#ddd;background:var(--button-background-hover)}.button:before{content:" ";position:absolute;left:-4px;right:-4px;bottom:-4px;top:-4px;z-index:-1}.button:after{content:" ";position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1;background:inherit}.button:before{background:inherit}.button:not([disabled]):hover:before,button.active:not([disabled]):before,.button.active:not([disabled]):before{background:#36A}.reveal_section{margin:20px;background:var(--well-background);border-radius:5px;padding:20px;min-height:30px;position:relative}.reveal_section .reveal_button{margin:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:200px;height:42px}.reveal_section .reveal_hidden{opacity:0}#lesson_review{background:#e4f1ff;position:relative;margin-top:50px;border:2px #0af solid}#lesson_review:before{content:"Review your learning";font-weight:700;background:#0af;color:#fff;display:block;margin-bottom:20px}#lesson_review:after{content:"\e976";background:#e4f1ff;color:#000;border-color:#0af}.step .group,.starter .group,#lesson_review .group,.task .group,ul.groups>li{padding:9px 10px;border-radius:7px;margin:30px auto;border:2px #e4f1ff solid;background:var(--general-group-background-2);border:2px #000 solid;border-color:var(--general-group-background-7)}.task .col_lg_6 .group{margin:30px 4px}.step .group,.step ul.groups>li,.task .group,.task ul.groups>li{border-color:#943699}.starter .group,.starter ul.groups>li{border-color:#aa0100}#lesson_review .group,#lesson_review ul.groups>li{border-color:#0af}#lesson_review .groups{color:#000;color:var(--main-color)}.check_group.multiple .buttons .button,.group .buttons .button,.check_group .buttons .button{padding-left:70px;position:relative}.check_group .buttons .button:before,.group .buttons .button:before{content:" ";position:absolute;left:15px;top:0;bottom:0;margin:auto 0;z-index:3;border:2px #000 solid;border-color:var(--button-color);height:10px;width:10px}.check_group.multiple .buttons .button:before,.group.multiple .buttons .button:before{border-radius:50%!important}ul.groups{padding:0}.group .large_number:not(.no_float),ul.groups>li>.large_number:not(.no_float),ul.groups>li>.check_group>.large_number:not(.no_float){margin-top:-35px}.check_group .buttons,.group .buttons,ul.groups li .buttons{margin:20px auto}.check_group .buttons .button,.group .buttons .button,ul.groups li .buttons .button{display:block;margin:15px;text-align:left;border-radius:5px}.check_group .buttons .button:after,.check_group .buttons .button:after,.group .buttons .button:after,ul.groups li .buttons .button:after{border-radius:3px}.check_group .buttons .button:before,.check_group .buttons .button:before,.group .buttons .button:before,ul.groups li .buttons .button:before{border-radius:5px}.step,.task,.starter,#lesson_review{counter-reset:coloured_markers}ul.groups>li{list-style-type:none;margin:30px auto}.large_number,.coloured_markers li:before{border-radius:50%;padding:7px;font-size:20px;display:block;font-family:"Oswald",sans-serif;margin:10px auto;color:#fff;color:var(--main-color);width:50px;height:50px;text-align:center;background:#ddd;background:var(--general-group-background-2)}.coloured_markers li{counter-increment:coloured_markers;position:relative;list-style-type:none}.coloured_markers li:before{content:counter(coloured_markers);height:18px;width:18px;font-size:12px;padding:2px;position:absolute;left:-10px;top:5px;margin:auto;line-height:16px}#floating_navigation{position:absolute;left:5px;top:5px;max-width:300px;color:#000;color:var(--main-color);font-size:90%;counter-reset:navigation;padding:20px;z-index:19;border-radius:7px;scrollbar-width:thin}#floating_navigation .h3{margin-left:5px}html.hasNoNavigation #floating_navigation{display:none!important}#floating_navigation table td{vertical-align:top}#floating_navigation ul{list-style-type:none}#floating_navigation ul li{padding:4px 0}#floating_navigation>div{margin-left:5px}#floating_navigation p{font-size:20px;margin:0;font-weight:700;font-family:"Quicksand",sans-serif}#floating_navigation>a,#floating_navigation>div a{display:block;color:#000;color:var(--main-color);text-decoration:none}#floating_navigation>a>div,#floating_navigation>div>a>div{display:block;text-overflow:ellipsis;width:100%;overflow:hidden;text-wrap:nowrap}#floating_navigation .nav_no{padding:0 3px;margin:0;width:30px;text-align:center;display:none}#floating_navigation a:hover{text-decoration:underline}#floating_navigation a.done{color:#0a0}@media only screen and (max-width:600px){input.requires_answer{min-width:0;max-width:100%}table.data{max-width:100%;table-layout:fixed}}@media only screen and (max-width:1215px){#floating_navigation{display:none}}html.wrap_code .code pre{white-space:pre-wrap}.wrap_code .code>.title button.wrap_code_button{background:#0a0}.code>.title button .text{margin:0!important;padding:0!important;background:transparent!important;color:#fff!important}.code>.title button:hover{background:#215c88}.code>.title button:hover:after{background:#215c88}.code pre .line{padding:0 5px 0 .75em;position:relative;margin-left:2em;display:block;min-height:25px}.code pre.hundreds .line{padding:0 5px 0 1.5em}.code pre.hundreds .line:before{width:2.5em}.code pre .line:hover,.code pre .line:hover:before{background:rgba(150,150,150,.2)}.code pre .line.single{margin-top:10px}.code pre .line:before{content:counter(line_numbering);counter-increment:line_numbering;width:2em;position:absolute;left:-2em;color:#777;text-align:right;bottom:0;top:0}.code .sample .keyword,code .keyword,code.keyword{color:#da58ff}.code .sample .type,code .type,code.type{color:#4bb4c3}.code .sample .comment,code .comment,code.comment{color:#aaa}.code .sample .string,code .string,code.string{color:#5d3}.code .sample .heredoc,code .heredoc,code.heredoc{color:#afb30f}.code .sample .function,code .function,code.function{color:#189bdc}.code .sample .constant,code .constant,code.constant{color:#969600}.code .sample .boolean,code .boolean,code.boolean{color:red}.code .sample .special,code .special,code.special{color:#e20000}.code .sample .var,code .var,code.var,var{color:#ff8a00}.code_preview{background:#ddd;background:var(--button-background);color:#000;color:var(--main-color);border-radius:5px;padding:10px;padding-top:30px;position:relative}.code_preview:before{position:absolute;padding:7px 10px;content:"Preview";top:0;left:0;right:0;text-transform:uppercase;font-size:13px;opacity:.5;text-align:right}.brief{background:#eee;margin:10px auto;margin-top:80px;border:3px #943699 solid;left:0;right:0;max-width:100%;padding:35px;border-radius:7px;border:1px #fa0 solid;position:relative;color:#000}.brief:before{position:absolute;top:-50px;left:-1px;right:-1px;color:#fff;padding:9px;margin:0;display:block;font-size:25px;font-family:"Oswald",sans-serif;text-transform:uppercase;font-weight:700;border-radius:7px 7px 0 0;content:"Project Brief";background:#fa0;text-align:center}.brief *{font-style:italic;font-family:'Lora',serif}.well{background:#eee;background:var(--well-background);border-radius:4px;border:1px #000 solid;padding:20px;margin:10px 0}html p,html table.data,html pre,html h2,h3,h4,h5 html.well,.lesson_intro,ul,li{user-select:none}.selectable,.selectable *{user-select:auto!important}.filter_btn{padding:20px;border-radius:50%;display:inline-block;border:1px #000 solid;cursor:pointer}.filter_btn.active{outline:2px #f60 solid}.filter_btn:hover{opacity:.7}ul.bullets,ul.squares,ul.diamonds,ul.arrows{list-style:none}ul.bullets li,ul.squares li,ul.diamonds li,ul.arrows li{position:relative}ul.bullets li:before,ul.squares li:before,ul.diamonds li:before,ul.arrows li:before,.task ul li:before,.step ul li:before{position:absolute;font-style:normal}ul.bullets li:before{content:"\2022";left:-.5em;top:-.35em;font-size:1.75em}ul.squares li:before{content:"\25A0";left:-1em;top:0em}ul.arrows li:before{content:"\27A4";left:-1.25em;top:0em}ul.diamonds li:before{content:"\25C6";font-size:1.25em;left:-.9em;top:-.25em}#content a:not(.button){color:#f60}#content a:not(.button):visited{color:#f06}#content #lessons ul li a:visited{color:#000!important}#content ul.magenta li:before{color:#f06}#content ul.purple li:before{color:#8900ff}#content ul.orange li:before,.task ul li:before{color:#f60}#content ul.lightblue li:before{color:#0af}#content ul.blue li:before{color:#0af}#content ul.green li:before{color:#0a0}#content ul.red li:before{color:red}#content ul.grey li:before{color:#aaa}#content ul.yellow li:before{color:#fff700}#page_title{font-size:30px;margin:30px 0;text-align:center}#page_title sub{display:block}label.your_answer{background:#fff;background:var(--main-background);padding:5px;display:block;margin:5px auto;margin-top:45px;border:1px #000 solid;position:relative;font-style:italic}label.your_answer:before{content:"Your answer";position:absolute;top:-37px;left:-1px;background:#fff;background:var(--main-background);padding:8px;border:1px #000 solid;border-bottom:0;font-weight:700;font-style:normal}label.your_answer input{padding:3px 5px;display:inline-block;vertical-align:top;margin:0 5px;color:#000;color:var(--main-color)}label.your_answer input.number{text-align:center;width:35px}.pagination{display:block;margin:auto;padding:0;text-align:center;margin:70px auto}.pagination li{list-style-type:none;display:inline-block}.pagination li a{display:block;background:#aaa;padding:10px;margin:3px;width:35px;text-align:center;cursor:pointer;border-radius:5px;color:#fff!important}.pagination li.active a{background:#36A;color:#fff!important}#ribbon{top:-35px;width:180px;height:280px;margin:50px auto 0;position:absolute;overflow:hidden;margin-top:-50px;left:-52px}#ribbon .inset{width:145px;height:55px;position:absolute;top:40px;left:20px;z-index:5;border-radius:50%;background:rgba(0,0,0,.3);box-shadow:0 5px 10px 0 rgba(0,0,0,.3)}#ribbon .container{position:relative;width:100px;height:250px;overflow:hidden;margin:0 auto;border-left:1px solid #000;border-right:1px solid #000}#ribbon .base{height:200px;width:100px;background:linear-gradient(0deg,#fff 0%,#ddd 100%);position:relative;z-index:2}#ribbon .base:after{content:'';position:absolute;top:0;width:86px;left:6px;height:242px;border-left:1px dashed #000;border-right:1px dashed #000}#ribbon .base:before{content:'';position:absolute;top:0;width:86px;left:7px;height:242px;border-left:1px dashed #da5050;border-right:1px dashed #da5050}#ribbon .left_corner{width:100px;height:100px;background:#fff;position:absolute;bottom:20px;left:-50px;z-index:1;transform:rotate(45deg);border:1px #000 solid}#ribbon .right_corner{width:100px;height:100px;background:#fff;position:absolute;bottom:20px;right:-50px;z-index:1;transform:rotate(45deg);border:1px #000 solid}#sheet_badge{position:absolute;right:20px;z-index:25;border-top:0;top:-20px;transform:scale(.6)}#sheet_badge img{height:auto;margin-top:5px;max-height:112px}#sheet_badge img{z-index:20;position:relative}@media only screen and (max-width:800px){#sheet_badge{display:none}}.youtube{width:100%;max-width:500px;aspect-ratio:1.77;display:block;margin:auto}key{display:inline-block;padding:0 2px;border:1px #aaa solid;background:#ddd;color:#000;text-shadow:1px 1px #fff;border-radius:5px;line-height:1.5}#floating_navigation a{text-align:left;color:#36c;color:var(--nav-colour);font-size:14px;margin:5px 0;padding-left:5px;margin-left:-5px}#floating_navigation a.current,#floating_navigation a.active{font-weight:700}.rounded{border-radius:7px}label.check_button{display:inline-block;margin:5px 7px}label.check_button input{display:none}label.check_button span{background:#ddd;background:var(--button-background);display:block;padding:14px 10px;border-radius:5px;color:#000;color:var(--button-color);cursor:pointer}label.check_button:hover span{background:#def6de;color:#000}label.check_button input:checked+span{background:#0a0;color:#fff}.question_heading{font-size:30px;border-bottom:1px #000 solid;border-bottom-color:var(--main-color);line-height:1.3}ul.abc{counter-reset:abc;list-style:none}ul.abc li{counter-increment:abc}ul.abc li{position:relative;padding:3px 0;padding-left:40px;margin-left:-40px}ul.abc li:before{position:absolute;left:0;top:0;bottom:0;content:counter(abc,lower-alpha);font-size:30px;padding:6px 0;background:#DEECF2;border-radius:50%;height:40px;width:40px;line-height:25px;box-sizing:border-box;margin:auto;color:#000;text-align:center;-webkit-pointer-events:none;pointer-events:none;font-family:"Patrick Hand",cursive}ul.abc li.checked:before{background:#36A;color:#fff}ul.abc label{display:block;padding:10px;margin-left:-40px;padding-left:50px;cursor:pointer}ul.abc label input{display:none}.highlighted{position:relative}.line.highlighted{background:rgba(248,225,255,.7)}.highlighted:after{content:" ";position:absolute;top:-6px;left:-6px;bottom:-6px;right:-6px;background:rgba(248,225,255,.7);z-index:-1;border-radius:7px}li.highlighted:after{top:-2px;bottom:-2px;left:-26px}.file_drop_zone.hovered{outline:4px dashed #0af}label.input:before{content:" ";position:absolute;left:-4px;right:-4px;bottom:-4px;top:-4px;z-index:-1}label.input:after{content:" ";position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1;background:inherit}label.input:focus-within:before{background:#000;background:linear-gradient(45deg,#ffa600,#cc0fd8)}label.input:before{opacity:0}label.input:focus-within:before{opacity:1;transition:0.3s}label.input{display:block;margin:5px auto;background:#fff;background:var(--input-background);color:#000;color:var(--input-color);border:3px #ddd solid;border-color:var(--general-group-background-3);padding:5px;margin:15px auto;position:relative;z-index:1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}label.input:before{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}label.input:after{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}label.input:after{background:#fff;background:var(--input-background)}label.input>span{display:block;font-weight:100;text-transform:uppercase;font-size:12px;margin-bottom:3px;text-align:left}label.input:focus-within>span{font-weight:500}label.input input,label.input textarea{padding:0;font-weight:400;font-size:16px;width:100%;border:0;outline:0;background:var(--input-background);color:var(--main-color)}label.input textarea{min-width:100%;max-width:100%}label.input.faulty,input.faulty,textarea.faulty{border-color:#ffa0a0!important}label.input>input:-webkit-autofill{background:#fff!important;background:var(--input-background)!important;appearance:none!important;-webkit-text-fill-color:var(--main-color);text-fill-color:var(--main-color);transition:background-color 5000s ease-in-out}label.input>input+span{margin:6px 2px}.button.green{background:linear-gradient(to right top,#77cd2f,#25913c)!important;color:#fff!important}.button.green:hover:after{background:#070!important}.button.orange{background:linear-gradient(to right top,#ffa600,#d94100)!important;color:#fff!important}.button.orange:hover:after{background:#f60!important}.button.purple{background:linear-gradient(to right top,#9b00ff,#d90036)!important;color:#fff!important}.button.purple:hover:after{background:#9b00ff!important}div.pagination{height:55px;position:relative}.button.previous,.button.next,.button.previous:before,.button.next:before,.button.home,.button.home:before{border-radius:7px;background:#36A;color:#fff;padding:14px 21px}.button.previous{left:5px;position:absolute}.button.next{right:5px;position:absolute}.button.previous span,.button.next span,.button.home span{padding:0;background:transparent;color:#fff;display:inline;font-size:14px}.button.previous:after,.button.next:after,.button.home:after{background:#36A!important;border-radius:5px}#countdown_timer{user-select:none;position:fixed;left:7px;bottom:7px;width:130px;height:60px;background:#fff;border-radius:7px;box-shadow:0 0 3px #aaa;z-index:20;display:none;text-align:center;color:#000}#countdown_timer p{font-size:10px;margin:0}#countdown_timer .minutes,#countdown_timer .colon,#countdown_timer .seconds{display:inline-block;font-size:30px;width:28px}.colour_container.red{background:var(--red-gradient)!important;color:#fff!important;border:0!important}.colour_container.blue{background:var(--blue-gradient)!important;color:#fff!important;border:0!important}.colour_container.purple{background:linear-gradient(to right top,#9b00ff,#d90036)!important;color:#fff!important;border:0!important}.colour_container.green{background:linear-gradient(to right top,#77cd2f,#25913c)!important;color:#fff!important;border:0!important}.colour_container h2,.colour_container h2.spanned span{background:transparent!important;border-bottom:0!important}.colour_container a{color:#fff!important;font-weight:bold!important;text-decoration-color:#fff!important}.sqarl{background:#333;padding:25px 10px!important;font-family:"Consolas","Courier New"!important;color:#fff;text-align:left!important;position:relative;border-radius:5px 0 5px 5px;white-space:normal;margin-top:40px}.sqarl p{font-size:20pt!important;font-family:"Consolas","Courier New"!important}.sqarl:before{position:absolute;top:-25px;left:auto!important;bottom:auto!important;right:0!important;padding:5px!important;font-size:14px!important;border-radius:5px 5px 0 0!important;border-bottom:0!important}.sqarl:before{content:"SQA Reference Language";background:#333;color:#fff}.solution{display:none}.solution+.button{margin:auto;width:160px;display:block}.clearfix:after{content:" ";display:table;clear:both}pre{font-size:15px}.image_upload{position:relative}.image_upload input{display:none}.image_upload .wrapper{display:inline-block;text-align:center}.image_upload .button{background:#0af;color:#fff}.image_upload .button:hover:after{background:#36A}.image_upload img{display:block;min-width:300px;margin:10px 0;border:1px #aaa solid;background:#ddd;min-height:300px;cursor:pointer}#popup_uploader input{visibility:hidden}#popup_uploader #upload_zone{background:#0af;color:#fff;border-radius:7px;position:absolute;left:10px;top:60px;right:10px;bottom:10px;cursor:pointer}#popup_uploader #upload_zone .text{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:20px;text-align:center}#console{display:none;position:fixed;bottom:0;right:0;left:0;background:#fff;height:55px;z-index:10000}#console>div{position:absolute;left:10px;right:10px;top:10px;bottom:10px}#console label{display:table;padding:5px 8px;border-radius:8px;overflow:hidden;width:100%;background:#000;color:#ddd!important}#console label>*{display:table-cell}#console label>div{position:relative;width:100%}#console label>span{padding-bottom:5px}#console_input{color:#ddd;background:#000;border-radius:0;border:0;position:absolute;left:0;right:0;top:0;bottom:0;outline:0!important;padding-left:10px}#name_entry{display:none;position:fixed;left:0;right:0;top:0;bottom:0;max-width:500px;width:100%;height:200px;background:#fff;z-index:1000;margin:auto;border-radius:7px;padding:10px;color:#000!important;box-shadow:0 0 5px #000;font-size:14px}#name_entry input{font-size:14px;background:#fff;border:1px #000 solid;width:100%;padding:7px 10px;color:#000;margin:5px auto;border-radius:3px}.dragondocs_live_popup{cursor:pointer}#dragondoc .button.active,#dragondoc .button.active:after,#dragondoc .button.active span:before{background:#0a0!important;color:#fff!important}@keyframes scroll_gradient{0%{background-position:0% 0%}50%{background-position:100% 0%}100%{background-position:0% 0%}}@keyframes fade_gradient{0%{background-color:#ef00ff}8%{background-color:#f06}16%{background-color:#f60}24%{background-color:#ff59f8}32%{background-color:#0af}40%{background-color:#a0f}50%{background-color:#0a0}58%{background-color:#a0f}66%{background-color:#0af}74%{background-color:#ff59f8}82%{background-color:#f60}90%{background-color:#f06}100%{background-color:#ef00ff}}@media print{.print_left_float,.print_right_float{max-width:45%}.worksheet_page{display:block!important}#sheet_badge,.pagination{display:none!important}html,body{font-size:14px;position:relative}#wrapper{min-height:100%;position:relative;padding-bottom:30px}#main_bottom,#floating_navigation,#feedback_section,#lessons,#main_parts:before{display:none}.code,.code .line,.task,.extension,.note,.test_it,#lesson_review{page-break-inside:avoid}.step:after,.task:after,.extension:after,.note::after,.test_it:after,.starter:after,#lesson_review:after{font-size:15px!important;padding:4px!important;border:0!important;top:2px!important}img{max-height:300px}.finished_section{display:none}footer{height:38px;margin-top:30px}#footer{display:none;position:absolute;bottom:0;left:0;text-align:center;clear:both;padding-top:50px;background-color:#fff!important;width:100%;position:relative;z-index:20}html.has_heading_background h1{background:transparent!important}#heading_wrapper{position:static}html.has_heading_background h1,html.has_heading_background #invisible_top>div{padding:70px}ul.bullets li:before{top:.25em;font-size:1.75em;line-height:.5;color:#517!important}h2,h3,h4{font-size:15px!important}h2,h2.spanned>span.content,h3,h3.spanned>span.content,h4,h4.spanned>span.content{color:#517}h2.spanned,h3.spanned,h4.spanned{margin:auto;padding-top:0}h2.spanned>span.content,h3.spanned>span.content,h4.spanned>span.content{padding:0;background:transparent;margin-top:0}}.inline-hint{width:100%;border:4px red solid;height:500px}.inline-hint .scroller{position:absolute;top:0;bottom:0}.inline-hint .scroller>div{width:100%;position:absolute;top:0;bottom:0;overflow-y:auto;overflow-x:hidden}span.balfpick{min-width:35px!important;border-radius:100px!important}.balfpick .text,.balfpick .hidden_text{padding:4.5px 10px!important;padding-bottom:3.5px!important;padding-right:35px!important}.flip_hint{background-color:transparent;max-width:400px;height:200px;perspective:1000px;display:block;margin:auto}.flip_hint .inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d;border-radius:17px;box-shadow:0 2px 10px #aaa}.flip_hint:hover .inner{transform:rotateY(180deg)}.flip_hint .front,.flip_hint .back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:20px;border-radius:16px}.flip_hint .front{background-color:#ddd;background:var(--general-group-background-1);color:#000;color:var(--main-color)}.flip_hint .back{background-color:#000062;color:#fff;transform:rotateY(180deg)}.zone .content:after,.clearfix:after{content:" ";display:table;clear:both}.zone{position:relative;margin:20px auto;overflow:hidden}.zone:not(.changing).open .content_wrap{display:block}.zone:not(.open):hover,.zone.open{box-shadow:0 2px 10px #aaa;box-shadow:0 2px 10px var(--main-shadow-color);border-radius:5px}.zone>.title{position:relative;font-size:25px;color:#000;padding:40px 10px;padding-bottom:30px;padding-right:35px;cursor:pointer;display:block!important;background:#c5ffbe}.zone>.title:after{content:"Click to read more.";display:block;font-size:12px}.zone.open>.title{background:#0a0;color:#fff!important}.zone.open>.title:after{opacity:0}.zone>.title:hover{color:#36A}.zone>.title:before{font-family:'icomoon';content:"\e925";color:inherit;font-size:25px;height:25px;position:absolute;transition:0.5s transform;right:15px;top:0;bottom:0;margin:auto;line-height:1}.zone .content>.section_title{font-size:120%;font-weight:300;padding:5px 5px;margin:0 -10px;margin-top:15px;background:#eee;background:var(--general-group-background-1);color:#000;color:var(--main-color);clear:both}.zone.open>.title:before{content:"\e982"}.zone .content_wrap{display:none}.zone .content{padding:10px;background:#eee;background:var(--general-group-background-2)}.zone{height:auto!important}.zone.open{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}@media only screen and (max-width:800px){.well{display:block;overflow:auto}}.reorder .title{z-index:10;background:var(--html-background);text-align:center;font-size:25px;text-transform:uppercase;letter-spacing:4px;font-family:"Oswald","Quicksand",sans-serif}.reorder .item_container{width:80%;max-width:500px;margin:auto}.reorder .item_container .item{user-select:none;padding:10px;margin:10px 0;background:#ccc;background:var(--general-group-background-2);text-align:center;border:1px solid #ccc;cursor:move;color:#000;color:var(--main-color);box-shadow:0 2px 3px var(--general-group-background-7)}.reorder .item_container .item img{max-width:200px}.reorder .item.correct{background:#0a0;color:#fff}.new_style #main_parts:before{background:linear-gradient(transparent,lightblue)}.new_style h2+section{margin-top:-110px;margin-bottom:30px;background:#fff;background:var(--main-background);padding-top:80px;border:2px #36A solid}.new_style #content{background:transparent!important}.new_style #main_parts{background:lightblue!important}.new_style h2.spanned>span.content{background:#036;border-radius:5px 5px 0 0;padding:30px;color:#fff}.new_style .section_checkbox{right:20px}.new_style h2.spanned.done span.content{border-radius:5px!important}.new_style #floating_navigation a.done{color:#36c;color:var(--nav-colour);text-decoration:line-through}.new_style .lesson_intro{background:#fff;background:var(--main-background);padding:15px;border-radius:5px;border:2px #36A solid}.new_style.reader_on .read_this{margin-left:50px}.new_style.reader_on h2.has_reader{margin-left:auto}.new_style.reader_on h2.has_reader .content{padding-left:55px}.new_style #floating_navigation a{color:#517}.new_style .lesson_intro+h2{margin-top:30px}.has_live .wait_for_reveal{display:none}