.cookies-info{width:100%;z-index:1000;font-size:.7em;background:inherit;color:#fff;display:none;text-align:center;align-items:center;justify-items:center;position:fixed;bottom:0;box-shadow:0 0 2px 0 #000}.canary-version-alert p,.cookies-info p{margin:0;padding:5px;width:100%}.canary-version-alert button,.close-cookies-info{background:0;border:0;cursor:pointer;padding:5px 10px;color:inherit}#close-project-state-btn:hover,.close-cookies-info:hover{cursor:pointer;outline:none}.laptop{visibility:hidden;position:absolute}.screen{width:86%;min-height:170px;margin-left:7%;background:#30353a;border:15px solid #e8ebf0;border-top-width:35px;border-radius:10px 10px 0 0;box-sizing:border-box;overflow-y:auto}@media (max-width:500px){.screen{border:8px solid #e8ebf0;border-top:18px solid #e8ebf0}.laptop-header{height:18px!important}}@media (min-width:2000px){.screen{border:25px solid #e8ebf0;border-top-width:45px}.laptop-header{height:45px}}@media (max-width:1150px) and (min-width:992px){.screen{border:8px solid #e8ebf0;border-top:18px solid #e8ebf0}.laptop-header{height:18px!important}}.screen::-webkit-scrollbar{width:.8em}.screen::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.screen::-webkit-scrollbar-thumb{background-color:rgba(79,79,79,.6);outline:1px solid #708090;border-radius:10px}.connector{border-top:5px solid #e8ebf0;width:60%;margin-left:20%}.keyboard{height:0;border-left:3.7vw solid transparent;border-right:3.7vw solid transparent}.board,.keyboard{width:105%;margin-left:-2.5%;box-shadow:0 0 0 0 #000}.board{height:10px;border-radius:0 0 20px 20px;background:#d2d4d8}@media (min-width:768px){.board{height:15px}}@media (min-width:2000px){.board{height:22px}}.keys{width:100%;margin-left:2%;-webkit-transform:perspective(150px) rotateX(10deg);-moz-transform:perspective(150px) rotateX(10deg);-ms-transform:perspective(150px) rotateX(10deg);-o-transform:perspective(150px) rotateX(10deg);transform:perspective(150px) rotateX(10deg)}.margin{height:2%}.key{width:4.7%;height:12%;background-color:#333;line-height:230%;border-radius:2px;margin:0 0 0 .6%;font-size:.4em;border-bottom:2px solid #000}@media (max-width:768px){.key{font-size:.25em}}@keyframes animateKey{0%{border-bottom:0 solid #000}15%,to{border-bottom:2px solid #000}}.pressKey{animation-name:animateKey;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:1s;background-color:#4d4d4d}.function{width:3.95%;height:12%}.dual{line-height:130%}.newrow{clear:both}.backspace{width:5%}.tab{width:4.7%}.slash{width:5%}.caps{width:7%}.enter{width:8%}.shift-left,.shift-right{width:7.5%}.ctrl-left,.ctrl-right{width:5%}.space{width:31%}.enter2,.plus{-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(2.15);-moz-transform:scaleY(2.15);-ms-transform:scaleY(2.15);-o-transform:scaleY(2.15);transform:scaleY(2.15);border-bottom:1px solid #000;font-size:.15em;line-height:460%}.click,.mouse{background-color:#333;float:left;border:1px solid #000}.touchpad{width:22.5%;margin-left:30%;height:30%;float:left}.mouse{width:100%;height:80%;margin-top:5px}.click{width:49.25%;height:18%;margin:1% 1.25% 0 0}.click-right{margin:1% 0 0}.laptop-content,.terminal{width:100%}.terminal pre{background-color:transparent;border:0;color:#fff;padding:0;font-size:inherit;white-space:pre-wrap}.typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.nextExample-btn,.previousExample-btn{cursor:pointer;border:none;border-bottom:2px solid #000;line-height:100%;font-weight:700;text-indent:-1px}#arrow-down-key .lightAriaTooltips{font-size:1.4em;padding:5px}#arrow-down-key .lightAriaTooltips:after{margin-top:-5px}@media (max-width:768px){#arrow-down-key .lightAriaTooltips{font-size:1.2em;padding:3px 2px}#arrow-down-key .lightAriaTooltips:after{margin-top:-8px}}.skip{cursor:pointer;border:none;border-bottom:2px solid #000;line-height:normal}.red-btn{color:#fff;font-size:.5em}.red-btn,.red-btn:focus,.red-btn:hover{background:-webkit-linear-gradient(180deg,#de3e3e,#981313);background:#aa3939 linear-gradient(180deg,#de3e3e,#981313)}.red-btn:active{border-bottom:none}@media (max-width:768px){.skip{font-size:.35em}}.terminal{font-family:Menlo,Monaco,Consolas,Courier New,Courier,sans-serif;font-size:calc(10px + .3125vw);text-align:left;padding:0 0 0 8px}@media (max-width:990px){.terminal{font-size:calc(3.71429px + 1.33929vw);padding-left:5px}}.laptop .laptop-header{text-align:center;position:absolute;left:0;right:0;height:35px;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:auto}@media (max-width:500px){.key{border-radius:1px}}.hljs{display:block;width:100%;overflow-x:auto}.hljs,.hljs-meta-string,.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-meta,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-built_in,.hljs-symbol{color:#66d9ef}.hljs-params{color:#fd971f}.hljs-class .hljs-title{color:#f8f8f2}.hljs-addition,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion{color:#75715e}.survey-dialog{display:none;position:fixed;width:90%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) translateZ(1000px);-moz-transform:translate(-50%,-50%) translateZ(1000px);-ms-transform:translate(-50%,-50%) translateZ(1000px);-o-transform:translate(-50%,-50%) translateZ(1000px);transform:translate(-50%,-50%) translateZ(1000px);z-index:999;box-shadow:0 0 0 100vw rgba(0,0,0,.55),0 0 13px 1px #000;border:5px solid #e8eaf6;border-radius:5px;background:#e8eaf6}@media (min-width:1024px){.survey-dialog{width:60%}}.survey{border:0;margin:0;width:100%;height:80vh}.close-survey-btn{position:absolute;top:-5px;right:20px;z-index:999;background:none;border:0;color:#232625;font-size:30px}@media (max-width:1300px){.close-survey-btn{top:-20px;right:-20px;background:#fff;border-radius:50%;padding:0 10px}}hr{border-color:rgba(42,144,180,.31)}.key,.site-header{text-align:center;flex-direction:row}.key,.laptop{box-sizing:border-box}header .text-muted a{color:#ff0a00}.key,.keys{float:left}.site-header{position:relative;width:100%;color:#fff;padding:60px 5% 25px}@media (min-width:992px){.site-header{padding-top:115px}.site-header .header-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.intro-text{display:flex;flex-direction:column;justify-content:space-around}.site-header .lets-go{display:block}}.how-works-info{margin:20px 0}.section{padding:2rem 0;margin-top:-1px}.btn.start{min-width:35%;font-size:2.1em;background:-webkit-linear-gradient(180deg,#de3e3e,#981313);background:#aa3939 linear-gradient(180deg,#de3e3e,#981313);border-radius:5px;box-shadow:0 2px 4px 0 #111;margin:15px auto 40px;padding-right:30px;padding-left:30px}.btn.start:focus,.btn.start:hover{transform:translateY(-1px);box-shadow:0 2px 8px 0 #141414}.btn.start:active{transform:translateY(1px);box-shadow:0 2px 6px 0 #000}.btn.start .fa-play{margin-right:15px}.lang-link,.program-languages .section-heading,.program-languages .section-heading small{color:#fff}.about-project{margin-top:15px}.team-member{margin-bottom:20px}.social-buttons,.team-member .name{margin-bottom:0}.team-member .name{margin-top:25px;text-transform:none;font-size:1.08em}.social-buttons a{font-size:1.2em;-webkit-transition:background .2s linear,-webkit-transform .2s linear;-moz-transition:background .2s linear,transform .2s linear;-ms-transition:background .2s linear,transform .2s linear;-o-transition:background .2s linear,transform .2s linear;transition:background .2s linear,transform .2s linear}.social-buttons a:focus,.social-buttons a:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}