.blog-index{display:flex;flex-wrap:wrap}.blog-index__post{flex:0 0 100%;padding:1.4rem 1rem}.blog-index__wrapper{background-color:#fff;height:100%;overflow:hidden}.blog-post__title-wrapper{background-color:#19122f;padding-top:100px}@media screen and (min-width:768px){.blog-index__post--small{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-index__post--small{flex:0 0 33.33333%}}@media screen and (min-width:768px){.blog-index__post--large{display:flex;flex:1 0 100%}}.blog-index__post-thumb{background-position:50%;background-size:cover;height:260px;width:100%}.blog-index__post--large .blog-index__post-thumb{height:480px;width:100%}.blog-index__post-image{height:auto;max-width:100%;width:100%}.blog-index__post-content{padding:50px 40px;position:relative}.blog-index__post--large .blog-index__post-content{padding:60px}@media screen and (min-width:768px){.blog-index__post-image-wrapper--large{flex:1 1 48%}.blog-index__post-content--large{flex:1 1 48%;padding-left:2rem}.blog-index__post-content--full-width{flex:1 1 100%;padding-left:0}}.blog-index__post-timestamp{display:block;font-size:12px;letter-spacing:.1em;margin:0 0 20px;text-transform:uppercase}.blog-index__post-tags{position:absolute;top:-260px}.blog-index__post-tags span{display:none}.blog-index__post-tag{color:#fff;display:none;font-size:10px;letter-spacing:.1em;padding:5px 10px;text-transform:uppercase;transition:background-color .4s cubic-bezier(.05,.2,.1,1)}.blog-index__post-tag:first-child{display:block}.blog-index__post-tag:hover{color:#fff}.blog-index__post-author{align-items:center;display:flex;margin-top:10px}.blog-index__post-author-image{border-radius:50%;height:30px;margin-right:10px;width:30px}.blog-index__post-image--small,.blog-index__post-summary{font-size:15px;margin:20px 0 0}.blog-index__post-button{margin-top:40px}.blog-index__post--small .blog-index__post-button{width:100%}.blog-pagination{display:flex;justify-content:center;margin-top:40px}.blog-pagination__link{border:2px solid transparent;border-radius:7px;font-size:18px;font-weight:500;margin:0 30px;text-decoration:none}.blog-pagination__link:focus,.blog-pagination__link:hover{text-decoration:none}.blog-pagination__link.blog-pagination__next-link--disabled,.blog-pagination__link.blog-pagination__prev-link--disabled{color:#ddd;cursor:default;pointer-events:none}.blog-pagination__next-link svg,.blog-pagination__prev-link svg{height:12px;margin:0 .3rem;opacity:.3;width:12px}.blog-pagination__next-link--disabled svg,.blog-pagination__prev-link--disabled svg{fill:#b0c1d4}.blog-pagination__number-link{background-color:#fff;border:none;border-radius:100px;font-size:14px;height:36px;line-height:36px;margin:0 5px;padding:0;text-align:center;width:36px}.blog-pagination__number-link:focus,.blog-pagination__number-link:hover{color:#fff;transition:background-color .3s}.blog-pagination__link--active{opacity:.5}@media (max-width:767px){.blog-pagination__number-link{display:none}}.blog-post{margin:0 auto}.blog-post h1{padding-bottom:10px;text-align:center}.content-body{background-color:#fff}.blog_post__overlay{background:rgba(16,12,25,.1);height:100%;padding-bottom:10px;padding-top:50px;width:100%;z-index:-10}@media (max-width:767px){.blog_post__overlay{padding:180px 0 140px}}.blog-post__title-wrapper *{color:#fff}.blog-post__title-wrapper h1{font-size:48px;font-weight:lighter;margin:0 auto;max-width:960px}.blog-post__meta{font-size:12px;letter-spacing:.1em;margin-bottom:40px;text-align:center;text-transform:uppercase}.blog-post__meta a{margin:0 10px}.blog-post__meta a:hover{color:#fff}.blog-post__timestamp{display:inline-block;margin:0 10px}.blog-post__tags svg{height:auto;margin-right:10px;width:15px}.blog-post__body{background-color:#fff;font-size:17px;margin:0 auto;max-width:1000px}.blog-post__body p{font-size:17px}.blog-post__body h3{font-size:24px;text-transform:none}.blog-post__tags{color:#fff;margin:40px auto 0;max-width:860px}.blog-post__tag-link{background-color:#eee;border-radius:50px;font-size:10px;letter-spacing:.02em;padding:4px 12px;text-transform:uppercase}.blog-related-posts{background-color:#f7f7f7}.blog-related-posts h3{text-align:center}.blog-comments h2{color:#fff}.blog-related-posts__list{display:flex;flex-wrap:wrap}.blog-related-posts__post{flex:0 0 100%;padding:1rem}.blog-related-posts__title a{font-weight:500}.code-container-dark{background-color:#2d2d2d;border-radius:5px;color:#f8f8f2;overflow-x:auto;padding:15px}.code-container-dark code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px}.code-container-dark .property,.code-container-dark .string{color:#a6e22e}.code-container-dark .punctuation{color:#f92672}.code-container-light{background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;color:#333;overflow-x:auto;padding:5px}.code-container-light code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px}.code-container-light .property{color:#005cc5}.code-container-light .entity{color:#22863a}.code-container-light .string{color:#032f62}.code-container-light .punctuation{color:#d73a49}.code-container-light .command{color:#005cc5}.code-container-light .comment{color:#6a737d}.code-container-light .version{color:#0366d6}.code-container-light .quoted{color:#d73a49}@media screen and (min-width:768px){.blog-related-posts__post{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-related-posts__post{flex:0 0 33.33333%}}.blog-related-posts__image{height:auto;max-width:100%}.blog-related-posts__title{margin:.7rem 0}.blog-related-posts__content{padding:35px 40px 40px}.blog-comments{border-top:1px solid #eee;margin:0 auto;max-width:960px}.blog-comments .hs-submit{text-align:center}.blog-comments .comment-reply-to{border:0}.blog-comments .comment-reply-to:focus,.blog-comments .comment-reply-to:hover{background-color:transparent}.blog-comments form{margin-top:40px}.blog-comments form:after{clear:both;content:"";display:table}.blog-comments div[class*=hs_email],.blog-comments div[class*=hs_firstname],.blog-comments div[class*=hs_lastname],.blog-comments div[class*=hs_website]{float:left;width:50%}.blog-comments div[class*=hs_email],.blog-comments div[class*=hs_firstname]{padding-right:10px}.blog-comments div[class*=hs_lastname],.blog-comments div[class*=hs_website]{padding-left:10px}.blog-comments .comment-reply-to{letter-spacing:0;padding-left:30px;text-transform:none}.blog-comments .comment{margin-bottom:20px}.blog-comments .comment-date{margin-left:10px}.blog-comments .replying-to{font-size:24px;letter-spacing:-.02em}