body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{background-color:#1a1a2a}body{margin:0;padding:0}.App{box-sizing:border-box;min-height:100vh;padding:15px;text-align:left}.light-mode{background-color:#f0ead6;color:#333}.dark-mode{background-color:#1a1a1a;color:#fff}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:initial;border:2px solid;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:currentColor;bottom:2px;content:"";height:26px;left:3px;width:26px}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.icon{font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.sun-icon{left:6px}.moon-icon{right:6px}.light-mode .switch{background-color:#f0ead6}.light-mode .slider{border-color:#333}.light-mode .slider:before{background-color:#333}.light-mode .sun-icon{opacity:1}.light-mode .moon-icon{opacity:.5}.dark-mode .switch{background-color:#1a1a1a}.dark-mode .slider{border-color:#fff}.dark-mode .slider:before{background-color:#fff}.dark-mode .sun-icon{opacity:.5}.dark-mode .moon-icon{opacity:1}.blog-list{list-style-type:none;padding:0}.blog-list li{margin-bottom:10px}.blog-list a{color:#07c;text-decoration:none}.blog-list a:hover{color:#049;text-decoration:underline}.dark-mode .blog-list a{color:#6bb9f0}.dark-mode .blog-list a:hover{color:#3498db}.top-bar{justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.social-buttons,.top-bar{align-items:center;display:flex}.social-buttons{gap:.5rem}.back-button{align-items:center;background-color:#07c;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;left:20px;position:absolute;text-decoration:none;top:20px;width:40px}.back-button:hover{background-color:#005fa3}.back-button svg{height:24px;width:24px}.dark-mode .back-button{background-color:#4a90e2}.dark-mode .back-button:hover{background-color:#357abd}.arrow-icon{height:24px;width:24px}.content-wrapper{margin:0 auto;max-width:800px;padding:10px}.light-mode a{color:#06c}.light-mode a:hover{color:#004080}.light-mode .back-button{background-color:#06c;color:#fff}.light-mode .back-button:hover{background-color:#004080}.linkedin-button{align-items:center;background-color:#0077b5;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;width:40px}.linkedin-button:hover{background-color:#005fa3}.linkedin-button svg{height:24px;width:24px}.light-mode .linkedin-button{background-color:#06c;color:#fff}.light-mode .linkedin-button:hover{background-color:#004080}.dark-mode .linkedin-button{background-color:#0077b5}.dark-mode .linkedin-button:hover{background-color:#005fa3}.github-button{align-items:center;background-color:#24292e;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;width:40px}.github-button:hover{background-color:#1a1e22}.github-button svg{height:24px;width:24px}.light-mode .github-button{background-color:#24292e;color:#fff}.light-mode .github-button:hover{background-color:#1a1e22}.dark-mode .github-button{background-color:#333}.dark-mode .github-button:hover{background-color:#24292e}.main-navigation{border-bottom:1px solid;margin-bottom:1rem;padding-bottom:.5rem}.dark-mode .main-navigation,.main-navigation{border-color:#fff3}.light-mode .main-navigation{border-color:#0003}.main-navigation ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.main-navigation a{border-bottom:2px solid #0000;color:inherit;font-weight:500;padding:.5rem 0;text-decoration:none;transition:border-color .2s}.main-navigation a.active,.main-navigation a:hover{border-bottom-color:initial}.blog-card{border-bottom:1px solid;margin-bottom:1.5rem;padding-bottom:1rem}.dark-mode .blog-card{border-color:#ffffff1a}.light-mode .blog-card{border-color:#0000001a}.blog-card-image img{border-radius:8px;height:auto;margin-bottom:.5rem;width:100%}.blog-card h2{font-size:1.4rem;margin:.25rem 0}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card h2 a:hover{text-decoration:underline}.blog-card-meta{font-size:.85rem;margin-bottom:.35rem;opacity:.7}.blog-card-description{line-height:1.5;margin:.5rem 0}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.tag{background-color:#ffffff1a;border-radius:12px;display:inline-block;font-size:.85rem;padding:.25rem .75rem}.light-mode .tag{background-color:#0000001a}.search-bar{margin-bottom:1rem}.search-input{background-color:initial;border:2px solid;border-radius:6px;color:inherit;font-family:inherit;font-size:.95rem;opacity:.6;padding:.6rem .8rem;width:100%}.search-input:focus{opacity:1;outline:none}.search-input::placeholder{color:currentColor;opacity:.5}.category-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.category-filter button{background-color:initial;border:2px solid;border-radius:16px;color:inherit;cursor:pointer;font-family:inherit;font-size:.85rem;opacity:.6;padding:.4rem .8rem;transition:opacity .2s}.category-filter button:hover{opacity:.9}.category-filter button.active{background-color:currentColor;opacity:1}.dark-mode .category-filter button.active{background-color:#fff;color:#1a1a1a}.light-mode .category-filter button.active{background-color:#333;color:#f0ead6}.blog-post-page{margin:0 auto;max-width:800px}.blog-post-header{margin-bottom:1.25rem}.blog-post-header h1{font-size:2rem;margin-bottom:.5rem}.blog-post-meta{font-size:.85rem;margin-bottom:.5rem;opacity:.7}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.blog-post-content{font-size:1rem;line-height:1.6}.blog-post-content h2{font-size:1.5rem;margin-bottom:.75rem;margin-top:1.5rem}.blog-post-content h3{font-size:1.25rem;margin-bottom:.5rem;margin-top:1.25rem}.blog-post-content p{margin-bottom:.75rem}.blog-post-content ol,.blog-post-content ul{margin-bottom:.75rem;padding-left:1.75rem}.blog-post-content li{margin-bottom:.35rem}.blog-post-content img{border-radius:8px;height:auto;margin:1.25rem 0;max-width:100%}.blog-post-content blockquote{border-left:3px solid;font-style:italic;margin:1.25rem 0;opacity:.8;padding-left:1rem}.blog-post-content code{background-color:#ffffff1a;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:.15rem .3rem}.light-mode .blog-post-content code{background-color:#0000001a}.blog-post-content pre{margin:.75rem 0}.blog-post-content pre>code{box-sizing:border-box;display:block;overflow-x:auto}.blog-post-content pre code span{background:#0000!important;font-weight:500!important;line-height:1.5}.blog-post-content pre[class*=language-]{overflow:visible}.blog-post-content pre[class*=language-] code{background:#0000!important;display:block;font-weight:500!important;line-height:1.5;padding:0!important}.blog-post-content pre code span[style*=background]{background:#0000!important}.blog-post-content pre,.blog-post-content pre code,.blog-post-content pre code *{font-weight:500!important}.blog-post-footer{border-top:1px solid;margin-top:2rem;padding-top:1.25rem}.dark-mode .blog-post-footer{border-color:#ffffff1a}.light-mode .blog-post-footer{border-color:#0000001a}.back-link{display:inline-block;margin-bottom:1rem;opacity:.7;text-decoration:none;transition:opacity .2s}.back-link:hover{opacity:1}.blog-index{margin:0 auto;max-width:800px}.blog-header{margin-bottom:1.25rem}.blog-header h1{font-size:2rem;margin-bottom:.35rem}.blog-header p{font-size:.95rem;opacity:.7}.blog-filters{margin-bottom:1.25rem}.results-count{font-size:.85rem;margin-bottom:1rem;opacity:.7}.no-results{opacity:.7;padding:2rem 0;text-align:center}.hero{margin-bottom:1.5rem}.hero h1{font-size:2rem;margin-bottom:.5rem}.home-links{margin-top:1rem}@media (max-width:768px){.main-navigation ul{gap:1rem}.content-wrapper{padding:10px}.blog-post-header h1{font-size:1.75rem}.blog-post-content{font-size:.95rem}.blog-header h1,.hero h1{font-size:1.75rem}}.not-found-page{padding:2rem 0;text-align:center}.not-found-page h1{font-size:3rem;margin-bottom:.5rem}
/*# sourceMappingURL=main.4e13ef01.css.map*/