@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);body,html{margin:0;padding:0}*{margin-top:0}body.light{--primary-color:#0e51bd;--primary-text-color:#fff;--featured-bg:#493b8a;--secondary-color:#10072b;--name-color:#10072b;--background:#fafafa;--text-color:#222426;--card-bg:#fff;--card-bdr:#eee;--card-shadow:#d5d5d5;--input-bg:var(--background);--social-links:#000}body.dark,body.light{--featured-text:#fff;--site-header:var(--background);--btn-bg:var(--background);--btn-bdr:#d3d6e7;--btn-text-color:#868892;--btn-hover-bg:var(--btn-bdr);--btn-hover-text-color:#00062b}body.dark{--primary-color:#9984d5;--primary-text-color:#fff;--featured-bg:#66578d;--secondary-color:#66578d;--name-color:#fff;--background:#282c35;--text-color:hsla(0,0%,100%,0.88);--text-secondary-color:hsla(0,0%,100%,0.66);--card-bg:#181326;--card-bdr:#181326;--card-shadow:#020204;--input-bg:var(--card-bg);--social-links:#fff}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-color)}p{font-size:18px;line-height:1.7}blockquote{border-left:4px solid #ddd;padding:0 15px;color:#777}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.site-wrapper{padding:0 32px;max-width:1140px;margin:0 auto}.site-wrapper img{max-width:100%}.navigation{display:flex;align-items:center;font-weight:300}.navigation a{color:#888;text-decoration:none;margin:0 8px}.navigation a[aria-current]{color:var(--primary-color);font-weight:700}.navigation a:hover{color:var(--primary-color)}.navigation a:last-child{margin-right:0}.site-header{max-width:710px;display:flex;justify-content:space-between;padding:20px 0;background:var(--site-header);margin:0 auto 32px;align-items:center}.site-title a{color:var(--name-color);text-decoration:none;font-weight:500;font-size:20px}.about-header{max-width:710px;margin:0 auto}.headline{font-size:36px;font-weight:900;margin-bottom:.5rem}.button{cursor:pointer;padding:18px 27px;display:inline-block;background:var(--btn-bg);border:1px solid var(--btn-bdr);border-radius:9px;text-decoration:none;color:var(--btn-text-color);transition:background-color .3s linear}.button.-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--primary-text-color)}.button.-primary:hover{background-color:var(--secondary-color);color:var(--primary-text-color);text-decoration:none}.button:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-text-color)}.primary-content{font-size:18px;margin-bottom:32px;line-height:1.5;font-weight:300}.post{max-width:710px;margin:0 auto;padding:0;background:var(--background);color:var(--text-color);line-height:1.5}.post>.blog-post-content :last-child,.post>:last-child{margin-bottom:0}.post .post-title{text-align:center;margin:0 0 .5rem;line-height:1.3;font-size:2rem}.post .post-meta{margin-bottom:32px;text-align:center}.post-thumbnail{text-align:center;min-height:380px;background-color:var(--featured-bg);background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:6px;margin-bottom:36px;color:var(--featured-text);display:grid;align-content:center;position:relative;padding:18px;overflow:hidden}.post-thumbnail:before{content:"";background:rgba(0,0,0,.6);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.post-thumbnail>*{position:relative;z-index:2}.post-thumbnail .post-meta{color:hsla(0,0%,100%,.8);margin-bottom:0}.grids{display:grid;grid-template-columns:1fr;grid-gap:32px;margin-top:32px}.card{display:grid;background-color:var(--card-bg);border-radius:9px;border:1px solid var(--card-bdr);box-shadow:0 0 30px var(--card-shadow);overflow:hidden;line-height:1.5}.card:hover .post-link{color:var(--primary-color)}.card>a img{display:block}.card>header{padding:24px}.card>h2:first-child{margin:0 0 .5rem}.card .post-title{font-size:1.5rem;margin-bottom:.3rem}.card .post-meta{font-weight:300;margin-bottom:0}.card .post-link,.card .post-meta-link{color:var(--text-color);text-decoration:none}.post-meta{font-size:1.1rem;color:var(--text-secondary-color)}.site-footer{max-width:710px;margin:90px auto 16px;color:#666}.site-footer,.site-footer .social-links{display:flex;justify-content:space-between}.site-footer .social-links{width:120px}.site-footer .social-links a{color:var(--social-links)}.site-footer .social-links a.linkedin svg path{fill:var(--social-links)}@media only screen and (min-width:768px){.grids{grid-template-columns:1fr 1fr}}@media only screen and (max-width:481px){.post-thumbnail{min-height:210px}}@media only screen and (max-width:481px){.surname{display:none}}@media only screen and (min-width:1024px){.grids{grid-template-columns:1fr 1fr 1fr}}.theme-changer{display:none}.mode-container{width:24px;height:24px;margin-left:20px}.dark-icon{margin-top:3px;margin-left:4px}.next-prev-button{margin-top:25px;display:flex;justify-content:flex-start}.next-prev-button .next{flex:1 1;display:flex;justify-content:flex-end}.blogs-header{display:flex;justify-content:center}.blogs-header input{width:29%;border-radius:50px;border:0;padding:.5rem 1rem;box-shadow:0 0 1rem rgba(0,0,0,.1);outline:none;font-size:16px}.blogs-header input:placeholder-shown{opacity:.6}@media only screen and (max-width:481px){.blogs-header input{width:88%}}.cursor-pointer{cursor:pointer}pre{margin-bottom:8px!important}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#011627}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}