@media (max-width: 767px){.customizeContainer{width:100%}}.scrollToTop{position:fixed;top:80px;right:20px;background-color:#d4ebf5;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;color:#fff;font-size:20px;font-weight:bold;padding:14px 15px;opacity:0;cursor:pointer;-webkit-transition:background 200ms ease;-moz-transition:background 200ms ease;-ms-transition:background 200ms ease;-o-transition:background 200ms ease;transition:background 200ms ease}@media (max-width: 767px){.scrollToTop{display:none}}.scrollToTop:hover{background-color:#c9dce5}.signUpTab{height:50px;background:#003B55;background:-moz-linear-gradient(top, #003B55 0%, #0b536f 100%);background:-webkit-linear-gradient(top, #003B55 0%, #0b536f 100%);background:linear-gradient(to bottom, #003B55 0%, #0b536f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003B55', endColorstr='#0b536f',GradientType=0 );position:absolute;top:0px;width:100%;z-index:502;display:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}@media (max-width: 767px){.signUpTab{display:none}}.signUpTab__icon{height:30px;margin-right:10px;width:30px}.signUpTab__text{line-height:50px;font-size:16px;font-weight:700;display:inline-block;color:#FFF;letter-spacing:0.5px}.signUpTab__link{margin:11px 10px;display:inline-block;background:transparent;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#44CC77;padding:4px 15px;font-size:11px;font-weight:700;text-transform:uppercase;text-decoration:none;color:#FFF;cursor:pointer;vertical-align:top}.signUpTab__link:hover{text-decoration:none;background-color:#55D284;color:#FFF}.signUpTab__link:focus{text-decoration:none;background-color:#39C16C;color:#FFF}.article{background-color:#fff}.article .inner-block{display:block}.article .breadcrumb{background:#fff;margin-bottom:0px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font-weight:bold}.article .breadcrumb .breadLink{font-size:14px;color:#247BA0}.article .breadcrumb .sign{font-size:14px;color:#B2DBBF}.article .breadcrumb .lastLink{font-size:14px;color:#70C1B3}.article .content{background:#fff;max-width:800px;margin:0 auto;word-wrap:break-word}.article .content .top-block{padding:40px 20px 0px}.article .content .top-block .tutorial-link,.article .content .top-block .tutorial-link__seperator{text-transform:uppercase;font-size:20px;font-weight:600;color:#aaa;line-height:37px;display:inline-block;vertical-align:middle}.article .content .top-block .type-tag{display:inline-block;color:#fff;text-decoration:none;padding:3px 10px;font-size:14px;font-weight:bold;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:#02A74D}.article .content .top-block .level-beginner-tag{background-color:#88999e}.article .content .top-block .level-intermediate-tag{background-color:#99c055}.article .content .top-block .level-advanced-tag{background-color:#55c0aa}.article .content .top-block .info-block{text-align:left;margin-top:20px}.article .content .top-block .top-title{margin:20px 0px 10px;font-size:45px;font-weight:300;line-height:70px;text-align:left}@media (max-width: 767px){.article .content .top-block .top-title{font-size:28px;line-height:40px;margin-bottom:20px}}.article .content .top-block .dateInfo{font-size:18px;line-height:20px;color:#9c9c9c;height:58px;display:inline-block;vertical-align:top}.article .content .top-block .tagInfo{display:inline-block;height:58px;line-height:20px;vertical-align:top}.article .content .top-block .tagInfo .link{color:#9c9c9c;font-size:18px;line-height:20px}.article .content .top-block .tagInfo .link:hover{text-decoration:none}.article .content .top-block .addthis_native_toolbox{margin-left:10px;display:inline-block}.article .content a{color:#3e90ca;font-weight:500}.article .content .detail{padding:10px 20px;word-wrap:break-word}.article .content .detail .preview{margin-top:20px}.article .content .detail .table-container{max-width:100%;max-height:600px;overflow:auto}.article .content .detail pre{max-height:500px;overflow:scroll;word-wrap:normal}.article .content .detail pre code{width:100%}.article .content .codementorX-promotion{overflow:hidden;padding:20px 20px 20px 180px;position:relative;background-color:#003b55;border:1px solid #eee;display:flex}@media (max-width: 767px){.article .content .codementorX-promotion{padding:20px;display:block}}.article .content .codementorX-promotion .x-block{position:absolute;left:0;top:0;width:200px;height:100%}@media (max-width: 767px){.article .content .codementorX-promotion .x-block{display:none}}.article .content .codementorX-promotion .x-block .x-wrapper{position:relative;width:100%;height:100%}.article .content .codementorX-promotion .x-block .x-back{top:30%;transform:rotate(-57deg);background:#0087A9;width:170px;height:30px;position:absolute}.article .content .codementorX-promotion .x-block .x-front{top:30%;transform:rotate(57deg);background:#44CCCC;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.23);width:160px;height:30px;position:absolute}.article .content .codementorX-promotion__text-block{flex:1}@media (max-width: 767px){.article .content .codementorX-promotion__text-block{text-align:center;width:100%}}.article .content .codementorX-promotion__action-block{width:180px;text-align:center}@media (max-width: 767px){.article .content .codementorX-promotion__action-block{width:100%}}.article .content .codementorX-promotion__title{font-size:20px;line-height:30px;color:#FFF;font-weight:400}.article .content .codementorX-promotion__description{font-size:16px;color:#FFF;line-height:24px;font-weight:400}.article .content .codementorX-promotion__btn{padding:10px 20px;color:#4b4b4b;background-color:#eee;border-radius:4px;font-size:16px;line-height:24px;margin-top:10px;display:inline-block}.article .content .codementorX-promotion__btn>i{font-style:normal}.article .content .actions{padding:20px}.article .content .actions .write-for-us{text-align:left}.article .content .actions .subscribe-now{text-align:center}@media (max-width: 767px){.article .content .actions .subscribe-now{text-align:left;margin-top:10px}}.article .content .actions .subscribe-now .bottom-action-btn{background-color:#FF1654}.article .content .actions .subscribe-now .bottom-action-btn .wrapper-with-dash{background-color:#FFF;color:#FF1654;font-weight:bold}.article .content .actions .subscribe-now .bottom-action-btn:hover .wrapper-with-dash{background-color:#FF1654;color:#fff}.article .content .actions .rss-feed{text-align:right}@media (max-width: 767px){.article .content .actions .rss-feed{text-align:left;margin-top:10px}}.article .content .actions .bottom-action-btn{display:inline-block;text-decoration:none;padding:3px;font-size:14px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:#f3f4f5;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;cursor:pointer}.article .content .actions .bottom-action-btn .wrapper-with-dash{display:inline-block;border:solid 1px rgba(0,0,0,0.1);color:#666;padding:8px 20px;font-weight:400;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:#fff}.article .content .actions .bottom-action-btn:hover{background-color:#f1f2f3}.article .content .actions .bottom-action-btn:hover .wrapper-with-dash{color:#333}.article .content .udemy-banner-ads{padding:20px;margin:30px 0px}.article .content .mentors{padding:20px}.article .content .mentors div,.article .content .mentors img{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.article .content .mentors .domain-expert-title{font-size:20px;font-weight:bold;line-height:36px;margin:30px 0px 10px;color:#666}.article .content .mentors .prefix{font-size:26px;color:#ddd}.article .content .mentors .prefix i{font-style:normal}.article .content .mentors .become-mentor-link{font-weight:bold}.article .content .mentors .action-btn{background-color:#3e90ca;padding:5px 10px;color:#fff;font-weight:bold;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;font-size:14px;display:inline-block;margin-top:10px;text-decoration:none;border:2px solid #3e90ca}.article .content .mentors .action-btn:hover{background-color:#fff;color:#3e90ca}.article .content .mentors .mentor-block,.article .content .mentors .author-block{padding:40px;border:1px dashed #eee;border-width:3px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;position:relative;overflow:hidden}.article .content .mentors .mentor-block .info,.article .content .mentors .author-block .info{padding-left:10px}@media (max-width: 767px){.article .content .mentors .mentor-block,.article .content .mentors .author-block{display:block}.article .content .mentors .mentor-block .info,.article .content .mentors .author-block .info{display:block;margin-top:10px}}.article .content .mentors .author-block .service-wrapper{margin-top:25px}.article .content .mentors .author-block .service-wrapper .service-block-title{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;font-size:1.1em;font-weight:600;color:#666}.article .content .mentors .author-block .service-wrapper .service-cta{text-align:center;background:#70C1B3}.article .content .mentors .author-block .service-wrapper .service-cta:hover{background:#5CA095}.article .content .mentors .author-block .service-wrapper .service{margin-bottom:10px}.article .content .mentors .author-block .service-wrapper .service:last-child{margin-bottom:0}.article .content .mentors .author-block .service-wrapper .price{color:#fafafa;font-size:1em;font-weight:bold;display:inline-block;position:relative}.article .content .mentors .author-block .service-wrapper .price:before{content:'$';font-size:0.7em;position:absolute;top:-2px;left:-9px}.article .content .mentors .mentor-block{padding:20px}.article .content .mentors .wrapper{height:200px;position:relative;overflow:hidden}.article .content .mentors .wrapper:after{background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );height:40px;width:100%;position:absolute;bottom:0px;left:0px;content:" "}.article .content .mentors .corner-ribbon{width:200px;background:#e43;position:absolute;top:20px;left:-55px;text-align:center;line-height:40px;letter-spacing:1px;color:#fff;font-weight:bold;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.article .content .mentors .corner-ribbon.shadow{box-shadow:0 0 3px rgba(0,0,0,0.3)}.article .content .mentors .corner-ribbon.top-left{top:20px;left:-55px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.article .content .mentors .corner-ribbon.green{background:#2c7}.article .content .mentors .name{font-size:20px;font-weight:bold}.article .content .mentors .rating-num{font-size:14px;color:#666}.article .content .mentors .rating{color:#3e90ca;font-size:14px}.article .content .mentors .rating .empty{color:#ccc}.article .content .mentors .headline{font-size:14px;font-weight:500;line-height:24px;margin:5px 0px;color:#666}.article .content .mentors .about{font-size:16px;line-height:26px;color:#999}.article .specialSeperator{margin:20px 40px 40px}.article .related-block{padding:40px 20px;text-align:center;border-bottom:1px solid #eee;background-color:#fff}.article .related-block .content{background-color:transparent}.article .related-block .related-title{color:#333;font-size:16px;line-height:24px;margin-bottom:20px}.article .related-block .link-title{color:#aaa;font-size:14px;display:inline-block;margin-bottom:10px}.article .discussion{padding:40px 20px;background-color:#f8f9fa}.article .discussion .content{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.article .otherSignUpBackground .post-img{width:auto;height:80px}.article .otherSignUpBackground .curriculum-img{height:80px;width:auto}.article .otherSignUpBackground .promote-single-title{font-size:24px;color:#fff;line-height:40px;margin-bottom:10px}.article .otherSignUpBackground .promoteTitle{font-size:30px;font-weight:bold;color:#fff;line-height:40px;margin-bottom:20px}@media (max-width: 767px){.article .otherSignUpBackground .promoteTitle{font-size:18px;line-height:30px;margin:20px 0px 10px}}.article .otherSignUpBackground .subTitle{color:#fff;font-size:18px;margin-bottom:20px}.article .otherSignUpBackground .btn-subscribe-with-email{padding:16px 10px !important}.article .signUpBlock{padding:60px 20px;background:url("https://cdn.codementor.io/assets/article/cloud-light-534997f7b89644051b50c59a3d74247547d6cde4cfeecb038c01b15525352926.png") no-repeat center center #0e2439;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-top:1px solid #eee;border-bottom:1px solid #eee}.article .signUpBlock .actionBlock{margin:15px 0px}@media (max-width: 767px){.article .signUpBlock .actionBlock .sign_up_form input[type=email]{width:100%;font-size:16px;line-height:40px;height:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}}@media (max-width: 767px){.article .signUpBlock .actionBlock .sign_up_form .btn-red{font-size:14px;line-height:24px;height:40px;padding:8px 20px}}.article .discussContent{padding:20px 40px}.article #curriculums-select{height:55px;width:240px;border-color:#eee;font-size:18px;color:#999}.colors .ruby-on-rails{background-color:#701516 !important}.colors .python{background-color:#3581ba !important}.colors .php{background-color:#4F5D95 !important}.colors .javascript{background-color:#f1e05a !important}.colors .html{background-color:#e44b23 !important}.colors .ios{background-color:#009FF2 !important}.colors .android{background-color:#97C03D !important}.colors .wordpress{background-color:#1D8BBE !important}.colors .sql{background-color:#DD7F29 !important}.colors .git{background-color:#FE4719 !important}.colors .angularjs{background-color:#DE2B30 !important}.colors .css{background-color:#2C67AD !important}.colors .reactjs{background-color:#56D4F9 !important}.colors .c_sharp{background-color:#68217A !important}.colors .r{background-color:#198ce7 !important}.colors .swift{background-color:#FF7043 !important}footer{margin-top:0px}