@import url("https://fonts.googleapis.com/css?family=Montserrat:200,400,400i,500,700|Cookie");body,html{min-height:100%;height:auto}body{font-family:"Montserrat",-apple-system,Verdana,"PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}a{color:inherit}.card-style{border:1px solid #e7eaf1;border-radius:3px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,37,55,0.06);position:relative;padding:12px;width:100%;background-color:#fff}.actual-headings{display:none}.home-banner{min-height:70vh;height:auto;padding:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 100px rgba(0,38,55,0.31)}.home-banner h1{display:flex}.home-banner h1>span{margin-left:2rem;font-size:2em;height:100px;line-height:100px}.home-banner h1>svg{height:100px;width:auto;max-width:calc(100vw - 20px - 20px)}.home-banner h1>svg path{fill:white !important}.home-banner .tagline{margin:1em 0}.home-banner .learn-cta-wrapper{margin-top:0}.home-banner .learn-cta-wrapper a,header .learn-cta-wrapper a,.top-index-content .in-post-stream.newsletter input[type="submit"]{background-color:white;color:#F0957E;border:2px solid white;box-shadow:unset;text-transform:uppercase;transition:all, .5s}.home-banner .learn-cta-wrapper a:hover,header .learn-cta-wrapper a:hover,.top-index-content .in-post-stream.newsletter input[type="submit"]:hover{background-color:rgba(255,255,255,0.2);color:white}.home-banner a.learn-cta-what-to-learn{color:white;font-weight:bold;transition:all, .5s}.home-banner a.learn-cta-what-to-learn:hover{opacity:1}.home-banner.post-pattern-circuitBoard{background-image:linear-gradient(100deg, rgba(255,206,105,0.95), rgba(250,112,154,0.95)),url("https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&resize_w=1000&url=https://codetheweb.blog/assets/img/header-img.jpg");background-attachment:fixed;background-size:cover;background-position:center center;background-repeat:no-repeat}.home-banner.large h2{padding-top:calc( (100vh - 186px) / 2 )}.home-banner.large{height:100vh}.g-logo{background:none !important}.g-logo svg{height:inherit;width:inherit;-webkit-filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.2));filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.2))}.g-logo svg path{fill:white !important}.g-logo.colorful svg{-webkit-filter:none;filter:none}.g-logo.colorful svg path{fill:url(#pink-theme) !important}.icon-website:before{content:"\f0ac"}.colorful-banner{text-align:left}.night-mode .colorful-banner,.night-mode #share,.night-mode .home-banner{-webkit-filter:brightness(0.6);filter:brightness(0.6);color:white}.colorful-banner input,.feedback-banner textarea{margin:50px auto 0 !important}.np-banner input[type="submit"].btn{background:none;line-height:initial}.np-banner input[type="text"],.np-banner input[type="email"],.np-banner textarea{display:block;font-size:16px;color:black;padding-left:11px;padding-top:11px;padding-bottom:11px;border-radius:3px;border:1px solid #fff;opacity:.8;width:100%;width:-webkit-fill-available}.btn{display:block;width:160px;height:38px;font-size:16px;color:#fff;line-height:38px;border-radius:3px;border:1px solid #fff;margin:auto;opacity:.8;text-align:center}.subscribe-btn,.donate-btn{color:black;border:none;margin-top:10px;margin-bottom:32px;transition:opacity, 1s}.subscribe-btn:hover,.donate-btn:hover{opacity:1}.night-mode .subscribe-btn,.night-mode .donate-btn{-webkit-filter:brightness(0.6);filter:brightness(0.6)}.g-sidebar-wrapper .subscribe-btn,.donate-btn{width:100%;box-shadow:0 1px 3px rgba(0,37,55,0.06);border:1px solid #e7eaf1;border-radius:3px;box-sizing:border-box;height:70px;line-height:70px;color:white;text-shadow:0 0px 3px rgba(0,0,0,0.5);margin-top:0;font-family:"Merriweather"}.donate-btn{background-color:#f66;font-weight:bold;font-size:1.2em;font-family:inherit !important;text-shadow:none !important}.np-baner h1{word-wrap:break-word}#share{opacity:0;transition:opacity, 1s;pointer-events:none}#share:target{opacity:0.99;z-index:1000;pointer-events:all}#share{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;line-height:100vh;background-color:rgba(255,255,255,0.86)}#share .social-share{position:initial}#share .social-share-icon{color:white;border-color:white}#share .social-share-close{position:fixed;top:0;bottom:0;left:0;right:0}#share .social-share-close-x{position:fixed;top:10px;right:17px;line-height:normal;color:white;font-weight:bold;font-size:25px;cursor:pointer}body.stop-scrolling{height:100%;overflow:hidden}.social-share-icon.icon-email{font-size:17px}.social-share-home,.sp-badge-home{text-align:center;margin:0}.social-share-home span{display:block;font-family:"Montserrat",-apple-system,Verdana,"PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif !important;margin-bottom:4px}.night-mode .social-share-home{color:#868a94;background-color:#2d313a;border-color:rgba(255,255,255,0.1)}.wrap code{white-space:pre-wrap !important;white-space:-moz-pre-wrap !important;white-space:-pre-wrap !important;white-space:-o-pre-wrap !important;word-wrap:break-word !important}.sp-badge-home{display:block}.sp-badge-home img{max-width:calc(100% - 12px - 24px)}.markdown-body table{width:100%}.markdown-body table th{text-align:left}.read-next-item section p:first-child{margin-bottom:3px}.learn-index-banner{overflow-y:scroll;overflow-x:hidden}.learn-index-banner .post-wrapper{margin-top:calc(160px - 1.5rem - 1rem)}.learn-index-banner h1{font-family:"Merriweather";padding-top:0}.learn-index-banner .subheading{display:block;font-size:2rem;font-family:"Merriweather-Light"}.learn-index-banner .btn{margin:1rem;margin-left:0;display:inline-block;background-color:#fff;font-weight:bold;transition:opacity, 0.5s;width:200px;height:80px;line-height:80px}.learn-index-banner .btn:hover{opacity:1}.learn-index-banner .btn span{color:indianred;display:block}.learn-index-banner .btn.hover-btn:hover span{display:none !important}.learn-index-banner .btn.hover-btn .on-hover{display:none !important}.learn-index-banner .btn.hover-btn:hover .on-hover{display:block !important}.learn-index-banner .btn:first-of-type{margin-left:0}.learn-index-banner .btn:last-of-type{margin-bottom:3rem}.learn-lang-banner{height:370px;text-align:left;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,38,55,0.16);background-attachment:fixed}.learn-lang-banner .learn-lang-banner-inner{padding:160px 0 20px;position:absolute;bottom:16px;left:60px;right:60px;z-index:1}.learn-lang-banner h1{font-size:86px;letter-spacing:4px;font-weight:400;display:inline;font-family:"Merriweather";line-height:86px}.learn-lang-banner h2{padding:0;text-shadow:none;display:block;font-size:1.5rem;font-family:"Merriweather-Light";line-height:52px}.learn-lang-content{background-color:transparent;padding-bottom:40px}.learn-lang-content .markdown-body{margin-left:60px}.learn-lang-content a.back{margin-bottom:15px;display:block;color:#757575;font-family:"Montserrat",-apple-system,Verdana,"PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}.learn-link-post,.learn-lang-banner,.learn-index-banner{margin-bottom:16px;padding:24px;color:white}.learn-lang-banner,.learn-index-banner{background-image:url(https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&resize_w=700&url=https://codetheweb.blog/assets/img/learn-home-link.jpg) !important;background-position:-250px -220px;background-repeat:no-repeat;background-size:200%}.learn-lang-banner,.learn-index-banner{background-attachment:fixed;background-position:center;background-size:cover}.in-post-stream{width:auto;margin-bottom:16px;padding:24px;color:white}.in-post-stream.newsletter{background-color:#F0957E;font-weight:bold}.in-post-stream.newsletter *:first-child,.in-post-stream.social *:first-child{margin-bottom:1em}.in-post-stream.newsletter input,.freebie-hero .newsletter-form input{font-family:inherit;border:none;font-size:1em;padding:.8em;margin:0 !important;display:inline;vertical-align:top}.in-post-stream.newsletter input[type="email"],.freebie-hero .newsletter-form input[type="email"]{width:70%}.in-post-stream.newsletter input[type="submit"],.freebie-hero .newsletter-form input[type="submit"]{width:29%;font-family:'Merriweather';font-weight:bold;vertical-align:middle;cursor:pointer;background:#f8cc5c}.in-post-stream.newsletter .note,.freebie-hero .newsletter-form .note{margin-top:1rem;font-size:0.75em;font-weight:normal;DISPLAY:NONE}.in-post-stream.newsletter .extra,.newsletter-form .extra{height:0;overflow:hidden;transition:height, 1s}.in-post-stream.newsletter .extra input,.newsletter-form .extra input{margin:.25em !important}.in-post-stream.newsletter .extra .measurer>input:first-child,.newsletter-form .extra .measurer>input:first-child{margin-top:.5em !important}.in-post-stream.newsletter .row,.newsletter-form .row{display:flex}.in-post-stream.newsletter .extra input:not([required]),.newsletter-form .extra input:not([required]){opacity:.7}.in-post-stream.social{background-color:white;color:#656565}.in-post-stream.social .explainer{display:none;font-family:"Merriweather"}.in-post-stream.social .networks-wrapper{display:flex}.in-post-stream.social .network{margin:0 !important;padding:1em;width:calc(50% - .5em);text-align:center;color:white;text-decoration:none}.in-post-stream.social .network:first-child{margin-right:1em !important}.in-post-stream.social .network.facebook{background-color:#3b5998}.in-post-stream.social .network.twitter{background-color:#1da1f2}.in-post-stream a{text-decoration:underline}.learn-link-post{color:black;text-align:center}.codetheweb-learn,.codetheweb-learn .iconfont.icon-logo{font-size:2rem}.codetheweb-learn a{text-decoration:none}.learn-index-banner .codetheweb-learn{color:white;font-family:"Merriweather-Light";font-size:1.5rem;margin-bottom:1rem}.sponsors{text-align:center;margin-top:7px}.sponsors li{margin-top:10px}.sponsors li img{margin:auto auto 5px;max-width:100%;max-height:250px;display:block}.sponsors li a a,.sponsors li a span{text-decoration:underline}.token.doctype{color:white}pre.reveal{background:black;text-align:center;cursor:pointer}pre.reveal:after{content:"[ click to reveal code ]";color:white}pre.reveal *{display:none}#backlinks{display:none}span.email{cursor:pointer}span.email:after{content:"@codetheweb.blog"}span.email:before{content:"hi"}span.email.booligoosh:before{content:"booligoosh"}span.email.social:before{content:"social"}span.email.sponsor:before{content:"sponsor"}span.email.guestpost:before{content:"guestpost"}.no-before:before{content:none !important}.no-after:after{content:none !important}.colorful-banner .subheading a{color:white;text-decoration:underline}.colorful-banner .subheading{line-height:1.5em}.landing-content{margin:0 !important}section.landing-intro{width:calc(100vw - 8rem);padding:15vh 4rem;background-color:#656565;color:white;text-align:center;font-size:2rem;font-family:Merriweather;line-height:1.4em}section.landing-intro a{color:white;text-decoration:underline}section.landing-view-langs{width:calc(100vw - 8rem);padding:8vh 4rem;background-color:#95f0ff;text-align:center;font-size:2rem;font-family:Merriweather}section.landing-lang{width:100vw;height:75vh;display:grid}.landing-lang-content,.landing-lang-img{width:50vw;display:inline-block;grid-row:1}.landing-lang-img{grid-column:1;height:inherit;background-image:url("/assets/img/loading.svg");background-size:cover;background-position:center center;background-repeat:no-repeat}.landing-lang-content{grid-column:2;padding:4rem;width:calc(50vw - 8rem);height:calc(75vh - 8rem);display:flex;align-content:center;flex-wrap:wrap;background:linear-gradient(100deg, #ffce69, #fa709a);color:white;background-attachment:fixed;box-shadow:inset 0 0 20px -5px black}.landing-lang-content h1{font-family:Merriweather;font-size:3.5rem}.landing-lang-content p{font-family:"Merriweather-Light";font-size:1.2rem}section.landing-lang.odd .landing-lang-content{grid-column:1}section.landing-lang.odd .landing-lang-img{grid-column:2}.home-banner svg#Chevron_circled_down{height:35px;margin-top:calc( ( ( (100vh - 186px) / 2 ) - 35px ) / 2 );opacity:.4;transition:all, 1s}.home-banner svg#Chevron_circled_down:hover{opacity:1}.landing-lang-link:before{content:"Get Started!"}.landing-lang-link,.landing-intro-cta{height:fit-content;background-color:#03A9F4;color:white;padding:16px;border-radius:32px;margin-top:15px;font-family:Merriweather;filter:drop-shadow(0 0 4px rgba(0,0,0,0.2));transition:all, 1s}.landing-lang-link:hover,.landing-intro-cta:hover{background-color:#0288D1}.landing-intro-cta{font-size:initial;text-decoration:none !important;margin-top:7.5vh;margin-bottom:-5.5vh;display:block}.landing-intro-cta-read-on{display:block;margin-top:7vh;margin-bottom:-13vh;font-size:13px;font-weight:400;font-family:"Open Sans";width:fit-content;margin-left:auto;margin-right:auto}blockquote.newsletter{background-color:#ffd78e;padding:1rem;border-left:none}.markdown-body>blockquote.newsletter:last-child{margin-top:32px}.feedback-banner input:first-of-type{margin-top:50px !important}.feedback-banner input,.feedback-banner textarea{margin-top:10px !important}.feedback-banner textarea{resize:none;line-height:normal}.feedback-banner .newsletter-checkbox{display:block;margin-top:10px;margin-bottom:15px;text-align:center;cursor:pointer}.feedback-banner .newsletter-checkbox input[type="checkbox"]{margin-top:0 !important}.feedback-banner .btn{margin-top:15px !important}.np-banner{overflow-y:scroll}.np-banner .btn{margin-bottom:15px !important}img.screenshot-white{border:1px solid black !important}.photo-cred{opacity:.4}.bmc-button img{width:27px !important;margin-bottom:3px !important;box-shadow:none !important;border:none !important;vertical-align:middle !important}.bmc-button{line-height:41px !important;height:41px !important;text-decoration:none !important;display:inline-block !important;color:#ffffff !important;background-color:#FF813F !important;border-radius:3px !important;border:1px solid transparent;padding:0px 9.5px !important;font-size:24px !important;letter-spacing:0.6px !important;box-shadow:0px 1px 2px rgba(190,190,190,0.5);-webkit-box-shadow:0px 1px 2px 2px rgba(190,190,190,0.5);-o-transition:0.3s all linear !important;-moz-transition:0.3s all linear !important;-webkit-transition:0.3s all linear !important;-ms-transition:0.3s all linear !important;transition:0.3s all linear !important;margin:0 auto !important;font-family:"Cookie", sans-serif !important}.bmc-button:hover,.bmc-button:active,.bmc-button:focus{-webkit-box-shadow:0 4px 16px 0 rgba(190,190,190,0.45) !important;text-decoration:none !important;box-shadow:0 4px 16px 0 rgba(190,190,190,0.45) !important;opacity:0.85 !important;color:#ffffff !important}.bmc-button{display:block !important;box-sizing:border-box;width:max-content;margin:1em auto !important;width:100%;max-width:calc(100vw - 4rem);text-align:center;height:3em !important;line-height:3em !important;overflow:hidden}.bmc-button:hover span:before{content:'$4 = 1 coffee ☕️ __________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________'}.bmc-button img{background-color:unset;display:inline;margin:0}.g-sidebar-wrapper .bmc-button{width:auto;margin:1rem auto !important;text-align:center}.before-article-list{grid-column:1 / span 2;padding:2em 0}.before-article-list{DISPLAY:NONE !IMPORTANT}.article-list,.g-sidebar-wrapper{margin-top:4rem}.tagline{font-size:1.5em;font-weight:normal;text-align:center}.learn-cta-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;text-align:center;margin-top:2em}.learn-cta-wrapper a{border:1px solid #e7eaf1;border-radius:3px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,37,55,0.06);padding:1em;width:calc((100% - 2rem) / 3);background-color:#F0957E;color:white;font-weight:bold}a.learn-cta-what-to-learn{display:block;text-align:center;width:max-content;margin:0 auto;margin-top:1rem;font-size:0.75em;opacity:.6}.home-content{display:grid;grid-template-columns:695px 240px;grid-template-rows:auto auto;grid-gap:1em;margin-top:0}.article-list{grid-column-start:1;width:100%;max-width:695px}.article-list .large-message{margin:1em;font-size:3em;font-weight:bold;text-align:right;margin-top:0}.article-list .large-message .sub{font-size:1.2rem;font-weight:normal;margin-top:1em}.recent-articles-title{margin-top:2rem;margin-bottom:1rem;font-family:"Merriweather";text-align:center;font-size:2em}header .top-index-content{display:none}.top-index-content .in-post-stream.newsletter{padding:0;background:transparent;margin-top:2em}.top-index-content .in-post-stream.newsletter .note{display:none}.top-index-content .in-post-stream.newsletter .explainer{display:none}.top-index-content .in-post-stream.newsletter:before{content:'Get a weekly email filled with resources to learn web development:';display:block;margin-bottom:1em;cursor:text}.top-index-content .in-post-stream.newsletter input[type="submit"]{font-family:"Montserrat",-apple-system,Verdana,"PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:white;background:#f8cc5c}.freebie-hero{background-color:#F0957E;color:white;box-sizing:border-box;min-height:80vh;padding-top:58px;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:4rem;align-items:center;overflow:hidden}.freebie-hero a{color:white;text-decoration:underline}.freebie-hero>*:first-child{box-sizing:border-box;width:50vw;padding-left:4rem;text-align:right}.freebie-hero h1{font-size:3em}.freebie-hero h2{font-size:1.2em;font-family:Merriweather-Light;margin:1rem 0}.freebie-hero .newsletter-form{margin-left:auto}.freebie-hero .newsletter-form input[type="email"]{width:69%}.freebie-hero img.teaser{height:60vh;box-shadow:0 0 6em rgba(0,0,0,0.42);filter:blur(2px)}.freebie-explanation{box-sizing:border-box;height:20vh;padding:0 20%;font-size:1em;font-weight:500;display:flex;justify-content:center;align-items:center;text-align:center}.freebie-explanation>a{cursor:help}.freebie-hero.promo{padding:1rem 0;margin-bottom:32px !important;min-height:auto !important}.freebie-hero.promo>*:first-child{width:calc(695px * 0.8)}.freebie-hero.promo img{height:20rem}.after-post{width:720px;margin:0 auto}.newsletter-page{background-color:white;height:100%}.newsletter-page .newsletter-header{min-height:50vh;color:white;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2em;padding:5% 0}.newsletter-page .newsletter-header>div{width:695px;max-width:90%}.newsletter-page .newsletter-header .code-the-web-weekly-logo{margin:0 auto;font-family:Merriweather;font-size:0.7em;padding-bottom:.5em;margin-bottom:.5em;border-bottom:3px solid;width:max-content}.newsletter-page .newsletter-header .subheading{margin-top:.5em;font-size:1em;font-weight:normal}.newsletter-page main{width:695px;max-width:90%;margin:0 auto}.newsletter-page .newsletter:first-child{margin-top:-2em;border-color:transparent}.newsletter-page .preview{background-color:#f7f7f7;height:100vh;width:100%;padding:0;border:2px solid #e7eaf1 !important}.newsletter-page .leading-text{text-align:center;margin:2em}.newsletter-page .example-newsletter-title{text-align:center;margin:1em}.newsletter-page .in-post-stream.newsletter .explainer{display:none}.newsletter-thanks .bmc-wrapper{margin-left:0 !important;margin-right:0 !important}.newsletter-thanks .bmc-button,.newsletter-thanks .ph-button{box-shadow:0 0 1em white !important}.newsletter-thanks .ph-button{background:#da552f;color:white;border:none;margin-left:0 !important;margin-right:0 !important;margin-top:2em !important;display:block;padding:1em;text-align:center}#ph-upcoming-widget img{object-fit:cover}#ph-upcoming-widget>a:before{content:"HTML EBOOK 25% OFF";position:absolute;width:80px;height:80px;text-align:center;color:white;font-weight:bold;font-size:1.3em;line-height:1.4em;background-color:rgba(0,0,0,0.4);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.25em;box-sizing:border-box;transition:opacity, .2s}#ph-upcoming-widget>a:hover:before{opacity:0}.book-page .book-img{width:100%}.book-page .tweets{display:flex;flex-direction:column}.book-page .tweets.oldest-first{flex-direction:column-reverse}.book-page twitterwidget{margin:2em auto !important}.search-card{margin-top:0;margin-bottom:2em;display:block;max-width:calc(100vw - 4em)}.search-card,.search-card input{text-align:center;font-family:"Montserrat",-apple-system,Verdana,"PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}.search-card .search_result{margin-bottom:2px;-webkit-margin-collapse:separate}body.has-ph-banner{margin-top:3rem}body.has-ph-banner header.g-header{top:3rem;position:absolute}aside.ph-banner{display:none}body.has-ph-banner aside.ph-banner{position:absolute;z-index:99999;left:0;right:0;top:0;height:3rem;box-sizing:border-box;background:#da552f;color:white;font-size:1.5em;display:flex;align-items:center;justify-content:center;text-align:center}.patron-page ul{list-style:none;margin-left:0;padding-left:1em;text-indent:-1em}.patron-page ul li:before{content:'🙏 '}.patron-page ul li.add{background:limegreen;text-indent:0;padding:.5em;margin-left:-1.2em;margin-top:1.5em;width:max-content;border-radius:.25em;font-family:"Montserrat",-apple-system,Verdana,"PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:white;text-transform:uppercase;font-weight:900;font-size:0.8em;line-height:1em}.patron-page ul li.add a{text-decoration:none}.patron-page .patron-grid{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:2em}.patron-page .patron-grid::before{content:initial}.patron-page .patron-grid h1{text-align:center;margin:0}.patron-page .patron-grid section.sponsor,.patron-page .patron-grid h1{grid-column-start:1;grid-column-end:3}.patron-page .patron-grid section.sponsor{text-align:center;background-color:#ffd78e}.patron-page .patron-grid section.sponsor *{margin-left:auto;margin-right:auto}.patron-page .patron-grid section.patreon-promo{background-color:#F96854}.patron-page .patron-grid section.patreon-promo a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.patron-page .patron-grid section.patreon-promo a img{width:90%;margin:0}.post-header .filter{opacity:.8}.g-sidebar-wrapper>*{margin-bottom:16px}.author-card{text-align:left}.author-card .avatar{display:none}.author-card .author-name{font-size:1.3em;margin-bottom:0.5em;font-weight:normal}.author-detail .author-card .author-name{font-size:2em}.tags-card{display:flex;flex-wrap:wrap}.tags-card .tag{margin:3px}#ph-upcoming-widget{display:none !important}.light-newsletter .in-post-stream.newsletter{color:#F0957E;background-color:white}.light-newsletter .in-post-stream.newsletter input:not([type="submit"]),.light-newsletter .in-post-stream.newsletter input::placeholder{background-color:#F0957E;color:white}.thin-newsletter .in-post-stream.newsletter input{display:block !important;width:100% !important;text-align:center;border:none;border-radius:0;margin-bottom:0;text-align:center}.thin-newsletter .in-post-stream.newsletter input:first-child{margin-bottom:.5em !important}.thin-newsletter .in-post-stream.newsletter .note{text-align:center !important}.share-title{margin-bottom:0.5em;text-align:center}.tags-card .tag,.post-tag{font-family:"Montserrat",-apple-system,Verdana,"PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif !important}#emojicom-widget-inline iframe{max-width:unset !important;margin:0 !important}button.likebtn#xLikebtn{position:fixed !important;left:24px !important;bottom:20px !important;transform:scale(0.67) !important;transform-origin:bottom left !important;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1) !important}button.likebtn#xLikebtn svg path{transform:scale(1.5) !important;transform-origin:center center !important;stroke:none !important}.colorful-banner.post-pattern-circuitBoard,.learn-lang-banner.post-pattern-circuitBoard,.subscribe-btn,#share,.learn-index-banner,.newsletter-page .newsletter-header{background-image:url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23f8f6fb' fill-opacity='0.08' fill-rule='evenodd'/%3E%3C/svg%3E"),linear-gradient(100deg, #ffce69, #fa709a)}@media screen and (max-width: 960px){.g-sidebar,.sp-badge-home,#sponsors,.sponsors{display:none !important}.g-sidebar-wrapper{float:none;width:auto}.home-content{margin-top:0}.g-sidebar-wrapper .subscribe-btn,.bmc-wrapper,.card-style{max-width:695px;width:auto;float:none;margin:16px auto !important;left:0;display:block}#sponsors{text-align:center}.home-content{grid-template-columns:auto !important;padding:0 2em}.before-article-list{grid-column:unset !important}.recent-articles-title{text-align:center;margin-top:1rem}.freebie-hero{min-height:auto;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;padding:4rem !important}.freebie-hero>*:first-child{width:auto !important;padding-left:0;margin-top:4rem;text-align:center}.freebie-hero img{width:80%;height:auto !important}.freebie-explanation{padding:2rem 4rem;height:auto;text-align:justify}}@media screen and (max-width: 848px){.learn-lang-content .markdown-body{margin-left:auto}.learn-lang-banner .learn-lang-banner-inner{left:20px;right:20px}.home-banner h1>span{font-size:1.7em}}@media screen and (max-width: 780px){section.landing-intro{width:calc(100vw - 4rem);padding:15vh 2rem}section.landing-lang{margin-top:75vh}section.landing-lang:nth-child(2){margin-top:0}.landing-lang-img,.landing-lang-content{grid-column:1 !important}.landing-lang-img{width:100vw;grid-row:1}.landing-lang-content{width:calc(100vw - 8rem);grid-row:2;justify-content:center;text-align:center}section.landing-intro{font-size:1.5rem}.home-banner h1>span{font-size:1.3em}.article-list .large-message{font-size:2.1em}}@media screen and (max-width: 768px){.markdown-body,.post-wrapper,.read-next,.after-post{width:80%}.markdown-body p{text-align:left}.patron-page .patron-grid{grid-template-columns:1fr}.patron-page .patron-grid section.sponsor,.patron-page .patron-grid h1{grid-column-start:initial;grid-column-end:initial}.patron-page .patron-grid section *{text-align:center;margin-left:auto !important;margin-right:auto !important}}@media screen and (max-width: 695px){.g-header{background-color:white;box-shadow:0 4px 100px rgba(0,38,55,0.31)}body.home .g-header{background-image:linear-gradient(100deg, #ffce69, #fa709a)}.tagline{font-weight:bold}.g-logo{width:100% !important;opacity:1 !important;margin-left:0 !important}.g-logo svg{-webkit-filter:none;filter:none}.g-logo svg path{fill:url(#pink-theme) !important}#menu-toggle{color:#F0957E;background:-webkit-linear-gradient(100deg, #ffce69, #fa709a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.home #menu-toggle{color:white;background:unset;-webkit-background-clip:unset;-webkit-text-fill-color:unset}body.home .g-logo svg path{fill:white !important}.g-nav{position:absolute !important;top:102px !important}body.home .g-nav{top:82px !important}.home-banner{display:none}body:not(.home){margin-top:82px}body.has-ph-banner{margin-top:calc(82px + 3rem)}body.home header{position:static;height:auto}body.home header .top-index-content{DISPLAY:BLOCK;padding:2em;margin-top:56px;color:white}body.home header .learn-cta-wrapper a{text-transform:unset}body.home header .learn-cta-what-to-learn{color:white;font-weight:bold}.before-article-list{padding-bottom:0 !important}.learn-cta-wrapper a{width:100% !important;margin:5px 0}.in-post-stream{border:none;border-radius:0;margin-bottom:0;text-align:center}.in-post-stream.newsletter input{display:block !important;width:100% !important;text-align:center}.in-post-stream.newsletter input:first-child{margin-bottom:.5em !important}.in-post-stream.newsletter .note{text-align:center !important}.in-post-stream.social .explainer{display:block !important}.in-post-stream.social .network .username{display:none}.freebie-hero{padding:4rem 1rem !important}.freebie-explanation{padding:2rem 1rem}.newsletter-page .newsletter-header{font-size:1.6em}}@media screen and (max-width: 530px){.learn-lang-banner h1{font-size:70px;line-height:70px}.freebie-hero .newsletter-form input{display:block !important;width:100% !important;text-align:center}.freebie-hero .newsletter-form input:first-child{margin-bottom:.5em !important}}@media screen and (max-width: 500px){.learn-index-banner h1{font-size:70px}.markdown-body blockquote p{letter-spacing:0;word-break:unset}.in-post-stream.newsletter .row,.newsletter-form .row{flex-wrap:wrap}}@media screen and (max-width: 480px){.learn-index-banner .btn{width:100%;margin-bottom:0}}@media screen and (max-width: 450px){.feedback-banner h1{font-size:59px}body.has-ph-banner aside.ph-banner{font-size:1.2em}}@media screen and (max-width: 440px){.learn-lang-banner h1{font-size:50px;line-height:50px;letter-spacing:1px}}@media screen and (max-width: 415px){.learn-index-banner h1{font-size:50px;letter-spacing:1px}}body.flat *{box-shadow:none !important;border:none !important}body.flat .g-sidebar-wrapper .subscribe-btn{text-shadow:none}