@import "https://fonts.googleapis.com/css?family=Roboto+Mono:400,500|Roboto:400,500";body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 14px/1.5 "Roboto",sans-serif;color:#242424;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}h1,h2,h3,h4,h5,h6{font:400 16px/1.5 "Roboto Mono",monospace}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#242424;text-decoration:none}a:visited{color:#000}a:hover{color:#242424}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:1080px;margin-right:auto;margin-left:auto}@media screen and (max-width:800px){.wrapper{max-width:1080px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;vertical-align:middle}.icon>svg path{fill:#828282}body{background-color:#f7f7f9}a{-webkit-transition:color ease .5s;-moz-transition:color ease .5s;-o-transition:color ease .5s;transition:color ease .5s}.site-header{min-height:170px;position:relative;background-color:#f9d732}@media screen and (max-width:800px){.site-header{min-height:initial;height:90px}}.site-header .btn-submit-tip{width:157px;height:40px;border-radius:4px;background-color:#f8f8f4;font-size:14px;font-weight:500;display:inline-block;line-height:40px;text-align:center;box-shadow:0 1px 1px 0 rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);-webkit-transition:box-shadow ease .2s;-moz-transition:box-shadow ease .2s;-o-transition:box-shadow ease .2s;transition:box-shadow ease .2s}.site-header .btn-submit-tip:hover{box-shadow:0 2px 1px 0 rgba(0,0,0,.2);-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2)}.site-title{float:left}@media screen and (max-width:800px){.site-title{float:none}}.site-title img{height:80px;margin:15px 0 0}@media screen and (max-width:800px){.site-title img{height:70px;margin:10px 0 0 10px}}.menu-container{height:110px}.menu-container>.site-nav{margin:28px 0 0}@media screen and (max-width:800px){.menu-container>.site-nav{display:none}}.categories-container{height:60px;background:#242424}@media screen and (max-width:800px){.categories-container{display:none}}.categories-container .site-nav{margin:0 auto;width:330px;float:none;text-transform:capitalize;font-weight:500;font-size:14px}.categories-container .site-nav a{color:#f8f8f4}.categories-container .site-nav a:hover{color:#f9d732}.site-nav{float:right;line-height:56px}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#242424;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:43px}@media screen and (max-width:600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg path{fill:#424242}.site-nav .trigger{clear:both;display:none}.site-nav:hover .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{background:#29293f;padding:50px 0 80px}@media screen and (max-width:800px){.site-footer{padding:35px}}.site-footer p{font-size:16px;margin-bottom:30px;line-height:1.44;color:#fff}@media screen and (max-width:800px){.site-footer p{text-align:center}}.site-footer nav ul{margin:0;padding:0;list-style:none}.site-footer nav ul li{float:left;margin:0 20px 0 0}.site-footer nav ul li a{font-size:14px;font-weight:500;color:#f9d732}@media screen and (max-width:800px){.site-footer nav ul{width:100%;float:left;text-align:center}.site-footer nav ul li{float:none;display:inline-block;margin:20px}}.footer-heading{font-size:18px;margin-bottom:15px}.social-media-list{list-style:none;margin-left:0;float:right}.social-media-list li{margin-bottom:20px}.social-media-list li a{color:#f8f8f4;-webkit-transition:color ease .5s;-moz-transition:color ease .5s;-o-transition:color ease .5s;transition:color ease .5s}.social-media-list li a img{width:20px;margin:0 10px 0 0}.social-media-list li:hover a{color:#f9d732}.social-media-list li:nth-child(2) img{margin:0 13px 0 0}@media screen and (max-width:800px){.social-media-list{float:left;width:100%;text-align:center}.social-media-list li{display:inline-block;margin:20px}}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px/2));width:calc(35% - (30px/2))}.footer-col-2{width:-webkit-calc(20% - (30px/2));width:calc(20% - (30px/2))}.footer-col-3{width:-webkit-calc(45% - (30px/2));width:calc(45% - (30px/2))}@media screen and (max-width:800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px/2));width:calc(50% - (30px/2))}.footer-col-3{width:-webkit-calc(100% - (30px/2));width:calc(100% - (30px/2))}}@media screen and (max-width:600px){.footer-col{float:left;width:100%}}.page-content{background:#f3f3f3;text-align:center}.page-heading{font-size:24px;text-align:left}.page-cont{width:100%;max-width:732px;float:left;margin:0 0 75px;padding:60px 0 0}@media screen and (max-width:800px){.page-cont{margin:0 0 50px;padding:60px 20px 0;box-sizing:border-box}}@media screen and (max-width:800px){.page-cont h1{text-align:center}}.page-sidebar{width:348px;float:left;margin-top:0;margin-bottom:50px;text-align:left}@media screen and (max-width:800px){.page-sidebar{float:none;margin:0 auto}}.post-list{max-width:900px;margin-left:0;list-style:none;text-align:left}.post-list>li{margin:0 20px 20px 0;width:345px;float:left;position:relative;height:300px;background:#fff;border-radius:4px;padding:18px;box-sizing:border-box;border-top:2px solid;box-shadow:0 2px 2px 1px #cecece;-moz-box-shadow:0 2px 2px 1px #cecece;-webkit-box-shadow:0 2px 2px 1px #cecece;-webkit-transition:box-shadow ease .2s;-moz-transition:box-shadow ease .2s;-o-transition:box-shadow ease .2s;transition:box-shadow ease .2s}@media screen and (max-width:800px){.post-list>li{margin:20px auto;float:none}}.post-list>li .highlighter-rouge{font-size:14px;border:0;border-radius:3px;background-color:#f3f3f3;color:#29293f}.post-list>li:hover{box-shadow:0 2px 2px 2px #cecece;-moz-box-shadow:0 2px 2px 2px #cecece;-webkit-box-shadow:0 2px 2px 2px #cecece}.post-list>li div{width:100%;float:left;box-sizing:border-box}.post-list>li div p{float:left;width:100%}.post-list>li div h2{margin:15px 0}.post-list>li .read-more{width:345px;height:50px;position:absolute;bottom:0;background:#fbfbfb;float:left;border-radius:0 0 8px 8px;display:block;padding:14px 20px;box-sizing:border-box;font-weight:500;margin:0 0 0 -18px;box-shadow:0 -1px 0 0 #f5f3ee;-moz-box-shadow:0 -1px 0 0 #f5f3ee;-webkit-box-shadow:0 -1px 0 0 #f5f3ee}.post-list .react-color{border-color:#4ad5ff}.post-list .angular-color{border-color:#dd0031}.post-list .javascript-color{border-color:#f9d732}.post-list .more-color{border-color:#607d8b}.links{width:348px;float:left;margin-top:111px;margin-bottom:25px;text-align:left}.links span{display:block;border:1px solid #ccc;padding:11px;margin:10px 0}.links span a{text-decoration:underline}@media screen and (max-width:800px){.links{float:none;margin:0 auto}}.post-meta{font-size:14px}.post-meta .category{font-weight:500;text-transform:capitalize}.post-link{font:500 20px/1.4 "Roboto",sans-serif}.post-header{margin-bottom:30px;max-width:710px;margin:0 auto;padding:0 0 20px;overflow:auto}@media screen and (max-width:800px){.post-header{text-align:center}}.post-header .post-meta{font-size:16px;color:#1f1e30;margin:5px 0 35px}.post-header .post-meta a{font-weight:500}.post-title{letter-spacing:-1px;font-family:roboto mono,monospace;font-size:60px;font-weight:500;line-height:80px;color:#29293f}@media screen and (max-width:800px){.post-title{font-size:36px}}.post{background:#fff;text-align:left;position:relative;padding-top:50px;padding-bottom:50px}@media screen and (max-width:800px){.post{padding:10px}}.post-content .highlighter-rouge{border:0;border-radius:3px;background-color:#f3f3f3;color:#29293f}.post-content>*{max-width:710px;margin:20px auto;font-size:16px;line-height:26px}.post-content .language-javascript,.post-content .language-js{max-width:900px;margin:20px auto}.post-content .language-html{max-width:900px;margin:20px auto}.post-content h2,.post-content h3,.post-content h4,.post-content h5{font-family:roboto,sans-serif;font-weight:500;margin:50px auto 30px}.post-content h2{font-size:24px}.post-content h3{font-size:22px}.post-content h4{font-size:20px}.post-content blockquote{border-left-color:#f9d732;color:#29293f;font-size:24px;line-height:35px;margin:50px auto 30px}.post-content ul{padding-left:0}@media screen and (max-width:800px){.post-content ul{padding-left:0}}.widget-popular-tips{width:100%;background:#fff;border-radius:4px;padding:18px;box-sizing:border-box;float:left;box-shadow:0 2px 2px 1px #cecece;-moz-box-shadow:0 2px 2px 1px #cecece;-webkit-box-shadow:0 2px 2px 1px #cecece}.widget-popular-tips h3{font-size:18px}.widget-popular-tips ul{margin:0;padding:0;list-style:none}.widget-popular-tips ul li{float:left;clear:both;margin:10px 0;width:100%}.widget-popular-tips ul li a{font-size:16px}.widget-popular-tips ul li div{width:50px;height:50px;border-radius:4px;background-color:#29293f;float:left;font-family:roboto mono,monospace;font-size:24px;color:#f8f8f4;text-align:center;line-height:50px;margin:0 15px 0 0}.email-suscribe{padding:100px;text-align:center;background:#fff}@media screen and (max-width:800px){.email-suscribe{padding:50px 20px;box-sizing:border-box}}.email-suscribe label{font-family:roboto mono,monospace;font-size:24px;line-height:1.42;margin:5px 0;width:100%;clear:both;display:inline-block}@media screen and (max-width:800px){.email-suscribe label{font-size:17px}}.email-suscribe .email-container{margin:50px 0 0;display:inline-block}@media screen and (max-width:800px){.email-suscribe .email-container{width:100%}}.email-suscribe .email-container .email{width:500px;height:60px;border-radius:4px 0 0 4px;background-color:#fff;box-shadow:inset 0 0 0 1px #e1e1e1;border:none;outline:none;float:left;padding:10px;box-sizing:border-box;font-size:15px;-webkit-transition:box-shadow ease .5s;-moz-transition:box-shadow ease .5s;-o-transition:box-shadow ease .5s;transition:box-shadow ease .5s}@media screen and (max-width:800px){.email-suscribe .email-container .email{width:100%;border-radius:4px 4px 0 0}}.email-suscribe .email-container .email:focus,.email-suscribe .email-container .email:active{box-shadow:inset 0 0 0 1px #f9d732}.email-suscribe .email-container .button{width:110px;height:60px;border-radius:0 4px 4px 0;background-color:#29293f;float:left;font-family:roboto mono,monospace;font-size:16px;font-weight:500;color:#f8f8f4;border:0;cursor:pointer;outline:none;-webkit-transition:background-color ease .5s;-moz-transition:background-color ease .5s;-o-transition:background-color ease .5s;transition:background-color ease .5s}@media screen and (max-width:800px){.email-suscribe .email-container .button{width:100%;border-radius:0 0 4px 4px}}.email-suscribe .email-container .button:hover,.email-suscribe .email-container .button:active,.email-suscribe .email-container .button:focus{background-color:#1a1a1e}.lang-menu{display:inline;position:relative;margin:0 10px 0 26px;z-index:90000}.lang-menu>span{cursor:pointer;display:inline-block;padding:9px 9px 30px;border-radius:5px;font-size:14px}.lang-menu>span:after{content:"";display:inline-block;background:url(images/arrow_down.svg) no-repeat;width:12px;height:7px;margin:0 0 1px 10px}.lang-menu ul{right:0;top:48px;position:absolute;background:#fff;padding:5px 0;list-style:none;margin:0;border-radius:5px;display:block;visibility:hidden;opacity:0;-webkit-transition:opacity ease .5s;-moz-transition:opacity ease .5s;-o-transition:opacity ease .5s;transition:opacity ease .5s;box-shadow:0 0 5px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.lang-menu ul li{border-bottom:1px solid #e2e2e2}.lang-menu ul li a{display:inline-block;min-width:150px;padding:10px 15px;-webkit-transition:color ease .5s;-moz-transition:color ease .5s;-o-transition:color ease .5s;transition:color ease .5s}.lang-menu ul li a:hover{color:#f9d732}.lang-menu ul:after{content:"";position:absolute;top:-8px;right:10px;border-style:solid;border-width:8px 8px 0;border-color:#fff transparent;transform:rotate(180deg);display:block;width:0;z-index:1}.lang-menu:hover ul{visibility:visible;opacity:1}.pagination{text-align:center;margin:0 0 0 -20px}.pagination a{width:182px;border-radius:4px;font-family:roboto mono,monospace;border:solid 2px #29293f;font-size:14px;font-weight:500;padding:20px;display:inline-block;text-align:center;margin:20px 0 0}.swiper-container{width:100%;height:680px;margin-left:auto;margin-right:auto}@media screen and (max-width:800px){.swiper-container{height:480px;margin-top:50px}}.swiper-container .big{position:absolute;font-size:338px;top:-206px;user-select:none;cursor:default;text-transform:capitalize}@media screen and (max-width:800px){.swiper-container .big{font-size:250px;top:-150px}}.swiper-container .title{font-family:roboto mono,monospace;font-size:24px;display:block;width:300px;position:absolute;z-index:99;top:20px;text-transform:capitalize;margin:40px 0 0}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{width:32px;height:21.3px;position:absolute;top:50%;cursor:pointer;background:0 0}@media screen and (max-width:800px){.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{display:none}}.swiper-container .swiper-button-next{right:10%}.swiper-container .swiper-button-prev{left:10%;transform:rotate(180deg)}.swiper-container .swiper-slide-active .big,.swiper-container .swiper-slide-active .title,.swiper-container .swiper-slide-active ul{opacity:1}.swiper-slide{text-align:center;font-size:18px;background:#f8f8f4;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-slide.react{background:#4ad5ff}.swiper-slide.react .big{color:#20c8fb}.swiper-slide.angular{background:#dd0031}.swiper-slide.angular .big{color:#d0002e}.swiper-slide.javascript{background:#f9d732}.swiper-slide.javascript .big{color:#f1cc1c}.swiper-slide.more{background:#607d8b}.swiper-slide ul{margin:0;padding:0;list-style:none;position:relative;z-index:9000000}.swiper-slide ul li{min-width:700px;text-align:right;display:none}@media screen and (max-width:800px){.swiper-slide ul li{min-width:auto;width:90%}}.swiper-slide ul li a{font-size:16px;font-weight:500;font-family:roboto mono,monospace;float:left;clear:both;border-bottom:solid 1px rgba(0,0,0,.2);padding:15px;width:100%;text-align:left}@media screen and (max-width:800px){.swiper-slide ul li{padding:0 20px}}.swiper-slide ul li:nth-child(1),.swiper-slide ul li:nth-child(2),.swiper-slide ul li:nth-child(3),.swiper-slide ul li:nth-child(4),.swiper-slide ul li:nth-child(5){display:block}.swiper-slide .big,.swiper-slide .title,.swiper-slide ul{opacity:0;-webkit-transition:opacity ease 1.3s;-moz-transition:opacity ease 1.3s;-o-transition:opacity ease 1.3s;transition:opacity ease 1.3s}.category-header{width:100%;height:450px;background:#dd0031;padding:70px 0 0;box-sizing:border-box;text-align:left}.category-header .highlighter-rouge{font-size:14px;border:0;border-radius:3px;background-color:#191925;color:#f8f8f4}@media screen and (max-width:800px){.category-header{height:auto;padding:20px}}.category-header .wrapper{position:absolute;left:0;right:0;top:30%;transform:translateY(-50%)}@media screen and (max-width:800px){.category-header .wrapper{position:relative;top:0;transform:none}}.category-header.react{background:#4ad5ff;color:#000}.category-header.react .read-more{border-color:#000;color:#000}.category-header.more{background:#607d8b;color:#000}.category-header.more .read-more{border-color:#000;color:#000}.category-header.angular{background:#dd0031;color:#f8f8f4}.category-header.javascript{background:#f9d732;color:#000}.category-header.javascript .read-more{border-color:#000;color:#000}.category-header h1{font-size:50px;font-weight:500;line-height:1.36;opacity:.9}@media screen and (max-width:800px){.category-header h1{font-size:30px}}.category-header .read-more{width:110px;border-radius:4px;font-family:roboto mono,monospace;border:solid 2px #f8f8f4;font-size:14px;font-weight:500;padding:10px;display:inline-block;text-align:center;margin:20px 0 0;color:#f8f8f4}.next-infinite{border-radius:4px;font-family:roboto mono,monospace;border:solid 2px #29293f;background-color:transparent;font-size:14px;font-weight:500;padding:15px 20px;text-align:center;display:inline-block;margin:50px auto 0;clear:both;cursor:pointer;-webkit-transition:background-color ease .2s;-moz-transition:background-color ease .2s;-o-transition:background-color ease .2s;transition:background-color ease .2s}@media screen and (max-width:800px){.next-infinite{margin:50px auto 0;display:block}}.next-infinite:hover{background-color:#29293f;color:#f8f8f4}.related-tips{padding:0 0 50px}.related-tips ul{max-width:100%}.related-tips ul li{height:250px}@media screen and (max-width:800px){.related-tips ul li{margin:20px auto}}.related-tips ul li .read-more{display:none}.related-tips ul li:last-child{margin:0}@media screen and (max-width:800px){.related-tips ul li:last-child{margin:20px auto}}#disqus_thread{padding:0 20px 40px}.related-tips .wrapper>h2{text-align:center;font-size:18px;font-weight:500;margin:50px 30px}.navigation-mobile{height:0;display:none}@media screen and (max-width:800px){.navigation-mobile{display:block}}.navigation-mobile #menuToggle{display:block;position:relative;top:30px;left:0;z-index:1;-webkit-user-select:none;user-select:none}.navigation-mobile #menuToggle a{text-decoration:none;color:#f9d732;padding:0}.navigation-mobile #menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;right:20px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.navigation-mobile #menuToggle span{display:block;width:33px;height:3px;margin-bottom:5px;position:relative;background:#242424;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;float:right;clear:both;margin-right:27px}.navigation-mobile #menuToggle span:first-child{transform-origin:0% 0%}.navigation-mobile #menuToggle span:nth-last-child(2){transform-origin:0% 100%}.navigation-mobile #menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-4px,-1px);background:#f8f8f4}.navigation-mobile #menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2,.2)}.navigation-mobile #menuToggle input:checked~span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(0,-1px)}.navigation-mobile #menu{position:absolute;margin:-100px 0 0 0;padding:50px;padding-top:125px;background:#242424;list-style-type:none;-webkit-font-smoothing:antialiased;color:#f8f8f4;text-align:center;box-sizing:border-box;width:100%;transform-origin:0% 0%;transform:translate(100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1);height:3400px;display:none}.navigation-mobile #menu li{padding:10px 0;font-size:22px}.navigation-mobile #menuToggle input:checked~ul{transform:scale(1,1);display:block}.about-header{background:#f8da59}.about-header img{width:80%}.about-post{background:#fff;text-align:left;margin:-113px auto 0;position:relative;width:1024px}@media screen and (max-width:800px){.about-post{width:100%}}.about-post .post-title{font-size:33px;line-height:45px;text-align:center}.js-share{width:50px;height:200px;position:fixed;left:100px;top:275px;box-shadow:0 1px 1px 0 rgba(0,0,0,.2);background:#fff}@media screen and (max-width:800px){.js-share{width:200px;position:initial;height:50px;margin:0 auto}}.js-share ul{padding:0;margin:0;list-style:none}.js-share ul li{padding:0;margin:0;width:50px;height:50px;float:left;cursor:pointer}.js-share ul li img{width:20px;margin:14px}.js-share ul li.header{background:#29293f;border-radius:2px 2px 0 0;cursor:initial}.js-share ul li.header:hover{background:#29293f}.js-share ul li:hover{background:#eaeaea}.improve-tip{width:157px;height:40px;border-radius:4px;background-color:#f9d732;font-size:14px;font-weight:500;display:inline-block;line-height:40px;text-align:center;display:block;margin:0 auto}.love{width:728px;height:90px;float:left;margin:0 0 30px;background-size:contain;width:710px;height:120px;background-image:url(http://www.jstips.co/assets/images/love.png)}@media screen and (max-width:800px){.love{display:block!important;width:100%;background-size:contain;background-repeat:no-repeat}}.love_r{width:250px;height:250px;float:none;margin:0 auto;display:block;clear:both;display:none;background-size:contain}@media screen and (max-width:800px){.love_r{display:block}}.flashcard{background:#fff;margin:-100px 0 0}.flashcard h2{font-size:24px!important;margin:none!important;margin:50px 30px 0!important}.flashcard #root{min-height:480px}.highlight-title{background:#f9d631;font-size:30px}.block{display:block}.formElement fieldset>div{margin:20px 0 0}.powrMark{display:none!important}.bite-container{display:inline-block;width:100%;text-align:center}.bites{width:900px;height:259px;margin:0 auto;background-size:cover;display:inline-block;text-align:center}@media screen and (max-width:800px){.bites{display:none}}.bites.v1{background-image:url(/assets/images/cards_v1.png)}.bites.v2{background-image:url(/assets/images/cards_v2.png)}.book{background:#221a5a}.book .wrapper{width:900px}.book .wrapper .book-img{width:250px;float:left;margin:30px 0}.book .wrapper .card-img{width:250px;float:left;margin:115px 0}@media screen and (max-width:800px){.book .wrapper{width:100%}}@media screen and (max-width:800px){.book{display:none}}.book .book-big{width:625px;float:left;margin:88px 0 0 21px}.book .book-big span{font-size:12px;line-height:37px;color:#fff;display:block;float:left;clear:both}.book .book-big .title-book{font-weight:400;font-size:36px;color:#fda9a4;display:block;float:left;clear:both;text-align:left;line-height:46px;margin:0 0 21px}.book .book-big .title-book:hover{text-decoration:underline}.book .book-big p{font-size:18px;line-height:24px;color:#fff;display:block;float:left;clear:both;text-align:left}.book .book-big .button-book{font-size:19px;line-height:23px;text-align:center;color:#221a5a;background:#fed06f;border-radius:5px;padding:12px 30px;display:block;float:left;clear:both;margin-top:19px}.book .book-big .button-book:hover{background:#f8d646}.best-seller{float:left;background:linear-gradient(to right,#221b5a 0%,#221b5a 150px,#fff 150px,#fff 100%);padding:0 5px 0 0;margin:25px 0 0 10px}.highlight{background:#191925;font-family:default-font!important;font-size:18px!important;color:#fff!important;border-radius:5px;padding:20px 30px}.highlight>*{background:#191925!important}.highlight code{font-size:18px!important}.highlight .hll{background-color:#ffc}.highlight .gd{color:#2e3436;background-color:#0e1416}.highlight .gr{color:#eeeeec;background-color:#c00}.highlight .gi{color:#babdb6;background-color:#1f2b2d}.highlight .go{color:#2c3032;background-color:#2c3032}.highlight .kt{color:#e3e7df}.highlight .ni{color:#888a85}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:#8d9684}.highlight .err,.highlight .g,.highlight .l,.highlight .n,.highlight .x,.highlight .p,.highlight .ge,.highlight .gp,.highlight .gs,.highlight .gt,.highlight .ld,.highlight .s,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py,.highlight .ow,.highlight .w,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss,.highlight .bp{color:#c1c2c3}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .nt{color:#729fcf}.highlight .cp,.highlight .gh,.highlight .gu,.highlight .na,.highlight .nf{color:#e9a94b}.highlight .m,.highlight .nb,.highlight .no,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:#8ae234}.highlight .o{color:#989daa}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:#fff}