@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);.intro{background-color:#09455d}.intro__codementor-logo{position:absolute;top:10px;left:10px;opacity:0.5;z-index:1;transition:opacity 0.5s}.intro__codementor-logo:hover{opacity:0.8}.intro__codementor-logo>img{width:100px}@media (max-width: 640px){.intro #scene{display:none}}.intro #scene .layer{list-style:none}.intro .intro__head{line-height:40px;padding:40px 40px 0px}.intro .intro__head .intro__head--share-icon{color:#fff;font-size:20px;margin-right:25px}.intro .intro__head .intro__head--share-icon:hover{opacity:.7}.intro .intro__content{width:100%;min-height:calc(100vh - 130px);position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}@media (max-width: 767px){.intro .intro__content{display:block}}.intro .wrapper{width:calc(100vw - 40px);height:calc(100vh - 120px);position:fixed}.intro .background-icons .background-icon{position:absolute;opacity:30%;height:auto}.intro .background-icons .javascript-background-icon{width:90px;top:20%;left:1%}.intro .background-icons .swift-background-icon{width:54px;top:55%;left:13%}.intro .background-icons .ruby-background-icon{width:102px;top:13%;left:16%}.intro .background-icons .python-background-icon{width:61px;top:1%;left:28.4%}.intro .background-icons .html5-background-icon{width:163px;top:53%;left:23.1%}.intro .background-icons .java-background-icon{width:90px;top:0%;right:22%}.intro .background-icons .c-plus-plus-background-icon{width:85px;top:35%;right:19.6%}.intro .background-icons .php-background-icon{width:73px;top:66%;right:28%}.intro .background-icons .ios-background-icon{width:70px;top:23%;right:8.1%}.intro .background-icons .css3-background-icon{width:115px;top:53%;right:8.2%}.intro .title{text-transform:uppercase;color:#fff;text-align:center;font-weight:900;line-height:1.5;font-size:40px;letter-spacing:1px;max-width:800px;display:inline-block}@media (min-width: 1280px){.intro .title{font-size:56px;max-width:1000px}}.intro .typer{color:#69ffb5;font-size:40px;line-height:48px;letter-spacing:0.8px;text-align:center;margin:1.6em 0px;height:40px}.intro .action{text-align:center}.intro .action .get-started-btn{background-color:#D7E5EA;padding:22px 85px;font-size:24px;font-weight:bold;letter-spacing:0.6px;line-height:32px;color:#186677;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:80px}.intro .action .get-started-btn:hover{background-color:#fff}.intro .intro__footer{background-color:#fff;line-height:40px;padding:0px 40px;color:#22745d}.intro .intro__footer a{color:#22745d;text-decoration:none}.intro .intro__footer a:hover{color:#174F3F}.intro .intro__footer a.learn-to-code:hover{text-decoration:underline}.root-question{min-height:calc(100vh);background-color:#fbfbfb}.root-question .root-question__head{line-height:40px;padding:20px 40px 0px}.root-question .root-question__content{min-height:calc(100vh - 100px);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}.root-question .root-question__content .root-question__content-title{text-align:center;margin-bottom:50px;color:#186677;letter-spacing:2px;font-size:40px;font-weight:900}.root-question .root-question__footer{background-color:#fff;line-height:40px;padding:0px 40px;color:#22745d}.root-question .root-question__footer a{color:#22745d;text-decoration:none}.root-question .root-question__footer a:hover{color:#174F3F}.root-question .root-question__footer a.learn-to-code:hover{text-decoration:underline}.root-question__share-icon{font-size:20px;margin-right:25px;color:#186677}.root-question__share-icon:hover{opacity:.7}.question{min-height:calc(100vh);background-color:#fbfbfb}.question .question__head{line-height:40px;padding:20px 40px 0px;border-top:18px solid #ddd}@media (max-width: 767px){.question .question__head{padding:10px 20px}}.question .question__head-back{color:#186677;font-size:20px;font-weight:600}@media (max-width: 767px){.question .question__head-back{font-size:14px}}.question .question__head-back:hover{text-decoration:none;margin-left:-10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.question .question__head-back:focus{text-decoration:none}.question .question__head-root{text-align:center;color:#fff;padding:0px 25px;border-radius:41px;-webkit-border-radius:41px;-moz-border-radius:41px;display:inline-block;background-color:#ddd;font-size:16px;font-weight:600}@media (max-width: 767px){.question .question__head-root{margin-top:10px}}.question .question__content{padding-top:60px;min-height:calc(100vh - 120px);border-bottom:18px solid #ddd}.question .question__content-title{text-align:center;margin-bottom:20px;color:#186677;letter-spacing:2px;font-size:40px;line-height:52px;font-weight:900}@media (max-width: 767px){.question .question__content-title{font-size:28px;line-height:40px}}.question .question__content-title:before,.question .question__content-title:after{border-top:3px solid #186677;content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;width:15%}.question .question__content-title:before{margin-right:85%}.question .question__content-title:after{margin-left:85%}.question .question__content-title span{display:inline-block;max-width:70%;padding:0 20px;background-color:#fbfbfb}.question .question__footer{background-color:#fff;line-height:40px;padding:0px 40px;color:#22745d}.question .question__footer a{color:#22745d;text-decoration:none}.question .question__footer a:hover{color:#174F3F}.question .question__footer a.learn-to-code:hover{text-decoration:underline}.question.be-a-professional-developer .bg-color{background-color:#a5e247 !important}.question.be-a-professional-developer .border-color{border-color:#a5e247 !important}.question.run-a-startup .bg-color{background-color:#0c8fb3 !important}.question.run-a-startup .border-color{border-color:#0c8fb3 !important}.question.build-something-fun .bg-color{background-color:#3ecda2 !important}.question.build-something-fun .border-color{border-color:#3ecda2 !important}.question.have-another-skill .bg-color{background-color:#851f8a !important}.question.have-another-skill .border-color{border-color:#851f8a !important}.question.torture-myself .bg-color{background-color:#f06666 !important}.question.torture-myself .border-color{border-color:#f06666 !important}.question-enter{opacity:0.01}.question-enter.question-enter-active{opacity:1;transition:opacity 200ms linear}.question-appear{opacity:0.01}.question-appear.question-appear-active{opacity:1;transition:opacity 200ms linear}.question-leave{display:none}.options-row{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;text-align:center}@media (max-width: 767px){.options-row{display:block;padding-left:0px !important;padding-right:0px !important}}.options-row .option{flex:1;-webkit-box-flex:1;-moz-box-flex:1;text-align:center}@media (max-width: 767px){.options-row .option{width:50%;float:left}.options-row .option:after{clear:both}}@media (max-width: 767px){.options-row-single{padding-left:25%;display:block}}@media (max-width: 767px){.options-row-single .option{width:66.67%;float:left;display:block}.options-row-single .option:after{clear:both}}.option-item-link:hover{text-decoration:none}.option-item{display:inline-block;text-align:center;width:250px;height:250px;max-width:250px;margin:30px 0px;position:relative}@media (max-width: 767px){.option-item{width:160px;height:300px}}@keyframes jump{0%{top:0}50%{top:20px}100%{top:0}}.option-item:hover .option-item__img{animation:jump 1s infinite}.option-item:hover .option-item__name{background-color:transparent;color:#fff;transition:background-color .5s linear;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear}.option-item:hover .option-item__name.be-a-professional-developer{background-color:#a5e247}.option-item:hover .option-item__name.run-a-startup{background-color:#0c8fb3}.option-item:hover .option-item__name.build-something-fun{background-color:#3ecda2}.option-item:hover .option-item__name.have-another-skill{background-color:#851f8a}.option-item:hover .option-item__name.torture-myself{background-color:#f06666}.option-item .option-item__img{width:150px;height:auto;position:absolute;top:0;left:50px;z-index:1}@media (max-width: 767px){.option-item .option-item__img{width:80%;height:auto;left:10%}}.option-item .option-item__shadow{position:absolute;z-index:0;top:150px;left:85px;width:80px;height:20px;background:#efefef;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}@media (max-width: 767px){.option-item .option-item__shadow{width:40%;left:30%}}.option-item .option-item__name{font-size:16px;line-height:21px;color:#186677;text-align:center;margin-top:180px;padding:5px 15px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;display:inline-block}@media (max-width: 767px){.root-question .option-item{width:80%}}.root-question .option-item .option-item__shadow{top:180px}.root-question .option-item .option-item__name{margin-top:210px}.code-option-item-link{text-decoration:none}.code-option-item-link:hover .code-option-item__img.be-a-professional-developer{border-color:#a5e247}.code-option-item-link:hover .code-option-item__img.run-a-startup{border-color:#0c8fb3}.code-option-item-link:hover .code-option-item__img.build-something-fun{border-color:#3ecda2}.code-option-item-link:hover .code-option-item__img.have-another-skill{border-color:#851f8a}.code-option-item-link:hover .code-option-item__img.torture-myself{border-color:#f06666}.code-option-item{width:500px;margin:10px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:inline-block}@media (max-width: 767px){.code-option-item{width:80%}}@media (max-width: 640px){.code-option-item{width:95%}}.code-option-item .code-option-item__name{font-size:18px;color:#186677;margin-bottom:10px;text-align:left}.code-option-item .code-option-item__img{width:100%;height:auto;border:4px solid transparent}.result{min-height:calc(100vh);background-color:#38a4bc}.result .result__head{line-height:40px;padding:38px 40px 0px}@media (max-width: 767px){.result .result__head{padding:10px 20px}}.result .result__head-back{color:#09455d;font-size:20px;font-weight:600}@media (max-width: 767px){.result .result__head-back{font-size:14px}}.result .result__head-back:hover{text-decoration:none;margin-left:-10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.result .result__head-back:focus{text-decoration:none}.result .result__content{min-height:calc(100vh - 103px);padding-top:30px}.result .result__content .result__content--title{font-size:32px;font-weight:900;letter-spacing:2px;color:#fff;line-height:48px;margin-top:-30px}@media (max-width: 767px){.result .result__content .result__content--title{font-size:28px;line-height:40px}}.result .result__content .result__content--module{width:520px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-top:50px;margin-bottom:30px;position:relative}@media (max-width: 767px){.result .result__content .result__content--module{width:90%}}.result .result__content .result__content--module .tag{display:inline-block;padding:10px 15px;color:#fff;background-color:#09455d;font-size:16px;font-weight:600;line-height:20px;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;position:absolute;top:-20px;left:0;right:0;margin:0 auto;max-width:250px}.result .result__content .result__content--module .header-block{padding:50px 40px}.result .result__content .result__content--module .header-block .header-block__language{font-size:36px;font-weight:bold;color:#09455d}.result .result__content .result__content--module .header-block .header-block__language .item{margin:0px 10px;display:inline-block}.result .result__content .result__content--module .header-block .header-block__language:before{color:#186677;background-image:url("/images/result_page/img_quotationMark_left@2x.png");background-size:44px 36px, cover;content:"";position:absolute;left:20px;top:20px;width:44px;height:36px}.result .result__content .result__content--module .header-block .header-block__language:after{color:#186677;background-image:url("/images/result_page/img_quotationMark_right@2x.png");background-size:44px 36px, cover;content:"";position:absolute;right:20px;top:20px;width:44px;height:36px}.result .result__content .result__content--module .info-block{margin-top:10px;padding:40px;background-color:#09455d;border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;position:relative}.result .result__content .result__content--module .info-block .language-group{position:absolute;top:-35px;left:0;right:0;margin:0 auto}.result .result__content .result__content--module .info-block .language-img{width:70px;height:70px;margin:0px 5px}.result .result__content .result__content--module .info-block .why-you-should-learn{color:#fff;font-size:16px;line-height:24px;text-align:left;margin-bottom:20px}@media (max-width: 767px){.result .result__content .result__content--module .info-block .why-you-should-learn{text-align:center}}.result .result__content .result__content--module .info-block .why-you-should-learn--action{color:#fff;text-align:left;margin-bottom:20px}.result .result__content .result__content--module .info-block .why-you-should-learn--action a{color:#fff}.result .result__content .result__content--module .info-block .share-links{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;height:50px;justify-content:space-between}@media (max-width: 767px){.result .result__content .result__content--module .info-block .share-links{display:block;height:auto}}.result .result__content .result__content--module .info-block .share-link{width:50px;height:50px;font-size:20px;line-height:50px;color:#186677;background-color:#fff;display:inline-block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-right:20px}.result .result__content .result__content--module .info-block .share-link:hover{opacity:.8}.result .result__content .result__content--module .info-block .lang-details-link{background:#fff;color:#186677;height:50px;line-height:50px;padding-left:15px;padding-right:10px;border-radius:4px;font-weight:bold;text-decoration:none;flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1}@media (max-width: 767px){.result .result__content .result__content--module .info-block .lang-details-link{display:inline-block;width:100%;margin-top:20px}}.result .result__content .result__content--module .info-block .lang-details-link:hover{text-decoration:none;opacity:0.8}.result .result__content .result__content--module .info-block .lang-details-link .right-icon{margin-left:10px}.result .result__content .start-again{color:#38a4bc;text-align:center;margin-top:30px;font-weight:bold;font-size:16px}.result .result__content .start-again a{color:#38a4bc}.result .result__content .start-again a:hover{text-decoration:none}.result .result__content .start-again .undo-icon{margin-right:10px}.result .result__content .start-again:hover{opacity:.7}.result .banner-ad{width:520px;margin-bottom:30px}@media (max-width: 767px){.result .banner-ad{width:90%}}.result .result__footer{background-color:#fff;line-height:40px;padding:0px 40px;color:#22745d}.result .result__footer a{color:#22745d;text-decoration:none}.result .result__footer a:hover{color:#174F3F}.result .result__footer a.learn-to-code:hover{text-decoration:underline}.languages{position:absolute;bottom:20px;margin:0 auto;left:0;right:0;width:800px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}@media (max-width: 767px){.languages{position:relative;margin:60px 0px 20px;text-align:center;width:100%}}.languages .languages__title{font-size:16px;color:#ddd;font-weight:bold;line-height:20px;margin:5px;text-align:center}.languages .languages__tag{display:inline-block;min-width:20px;background-color:#09455d;color:#ddd;font-size:14px;line-height:16px;margin:5px;opacity:.8}.languages .languages__tag--current{color:#fff;font-weight:bold;opacity:1}.language-page .languages{position:relative;bottom:0}.language-page{background:#09455d;color:#fff;position:relative;padding-top:70px}@media (max-width: 767px){.language-page{padding-top:0px}}.language-page .container{position:relative;width:100%;max-width:800px}.language-page__codementor-logo{position:absolute;top:10px;left:10px;opacity:0.5;z-index:1;transition:opacity 0.5s}.language-page__codementor-logo:hover{opacity:0.8}.language-page__codementor-logo>img{width:100px}.language-page__logo{margin:0 auto;display:block;width:120px;height:120px;margin-bottom:40px;margin-top:-40px}@media (max-width: 767px){.language-page__logo{width:100px;height:140px;margin-top:0px;padding-top:40px}}.language-page__title{margin-top:15px;font-size:48px;font-weight:bold;text-align:center}.language-page__title-note{text-align:center;font-size:13px;opacity:.6;margin-bottom:40px}.language-page__intro-block{background:#042c3c;padding-bottom:150px;padding-left:0;padding-right:0}@media (max-width: 767px){.language-page__intro-block{padding-bottom:40px}}.language-page__point-img{width:100%;margin-top:-109px;margin-bottom:40px}@media (max-width: 767px){.language-page__point-img{margin-top:40px}}.language-page__age{z-index:2;margin:0 auto;position:relative;top:33px;width:66px;height:66px;line-height:66px;background:#5ec8e0;border-radius:5px;text-align:center;transform:rotate(45deg)}.language-page__age__content-wrapper{width:66px;height:66px;color:black;display:block;transform:rotate(-45deg);line-height:1}.language-page__age__content{position:relative;top:10px}.language-page__age-num{font-size:36px;color:#fff;font-weight:bold}.language-page__age-hint{color:#042c3c;font-size:12px}.language-page__why-title{font-size:24px;font-weight:bold;color:#5ec8e0;text-align:center;width:80%;margin:0 auto;margin-bottom:35px}.language-page__why{margin:0 auto;width:80%;font-size:16px;line-height:1.8;margin-bottom:10px;text-align:center}.language-page__udemy,.language-page__live-class{display:inline-block;margin-top:20px;font-size:16px;line-height:1.8;margin-bottom:10px;color:#5ec8e0}.language-page__udemy:hover,.language-page__live-class:hover{color:#83D4E6}.language-page__main-content{background:#fff;padding-bottom:40px;margin-bottom:40px;padding-left:0px;padding-right:0px}.language-page__info-graphic{display:block;width:80%;margin:0 auto}.language-page__attrs{width:80%;margin:0 auto;margin-top:40px;color:#09455d}.language-page__attr-block{margin-bottom:40px}.language-page__attr-title{font-size:26px;font-weight:bold;line-height:1.4;margin-bottom:40px}.language-page__attr-sub-title{font-weight:bold;font-size:20px;margin:20px 0px 10px}.language-page__attr-content{font-size:18px;line-height:1.7}.language-page__attr-img{display:block;width:80%;margin:40px auto}.language-page__cm-footer{text-align:center;background-color:#fff;line-height:40px;padding:0px 40px;color:#22745d}.language-page__cm-footer a{color:#22745d;text-decoration:none}.language-page__cm-footer a:hover{color:#174F3F}.language-page__cm-footer a.learn-to-code:hover{text-decoration:underline}.language-page__sharing{margin-top:80px}.language-page__share-icon{color:#38A4BF;font-size:24px}.language-page__share-icon--fb{margin-right:50px}.language-page__learning-resource{text-decoration:none;width:50%;display:block;text-align:center;margin:0 auto;margin-top:40px;margin-bottom:20px;background:#38A4BF;font-weight:bold;color:#fff;border-radius:4px;cursor:pointer;padding:15px 0px;font-size:16px}@media (max-width: 640px){.language-page__learning-resource{width:80%;padding:10px}}.language-page__learning-resource:hover{opacity:.7;color:#fff;text-decoration:none}.language-page__learning-resource:visited{color:#fff;text-decoration:none}.language-page__to-front-page{text-align:center;margin-bottom:20px}.language-page__to-front-page>a{color:#38A4BF}.language-page__to-front-page>a:hover{color:#5ec8e0}.language-page .languages{margin:0 auto;margin-bottom:40px}body{font-family:'Lato', sans-serif}