@import url(https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&family=Pathway+Extreme:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap);body{font-family:Pathway Extreme,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;padding:15px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-secondary{background-color:initial;border:2px solid #fff;color:#fff}.btn-secondary:hover{background-color:#fff;border:2px solid #fff;color:#000}.post-meta{align-items:center;color:#ccc;display:flex;font-size:.9rem;justify-content:space-between;padding:5px 0}.post-date{font-weight:500}.post-tags{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.tag{border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .3s ease}.tag:hover{background-color:#fff;color:#000}.link{color:#888;font-weight:500;text-decoration:none;transition:color .3s ease}.link:hover{color:#fff}.link.link-bold{font-weight:600}@media (max-width:768px){.container{padding:0 15px}.btn{max-width:250px;width:100%}.post-meta{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:480px){.container{padding:0 10px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;line-height:1.6}.App{background-color:initial;display:flex;flex-direction:column;min-height:100vh}.App,main{position:relative}main{flex:1 1;z-index:1}.animated-background{background-color:#000;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.animated-background canvas{display:block;height:100%;width:100%}:root{--nav-height:60px}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;box-shadow:0 2px 4px #ffffff1a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;height:60px;height:var(--nav-height);justify-content:space-between;margin:0 auto;padding:0 20px}.nav-logo{color:#fff;flex-shrink:0;font-family:Abhaya Libre;font-size:24px;font-weight:600;text-decoration:none}.nav-logo:hover{color:#888}.hamburger-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:none;justify-content:center;padding:8px}.hamburger-button:hover{color:#888}.nav-right{align-items:center;display:flex;flex-shrink:1;gap:20px;margin-left:20px;min-width:0;overflow:auto;overflow-y:hidden}.nav-links{display:flex;gap:20px;list-style:none}.social-button{align-items:center;background-color:initial;border:none;border-radius:5px;color:#fff;display:flex;margin:0;padding:0;text-decoration:none}.social-button:hover{background-color:#333;color:#fff}.social-label{display:none}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#888}@media (max-width:768px){.hamburger-button{display:flex}.nav-right{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;flex-direction:column;gap:30px;height:calc(100vh - 60px);height:calc(100vh - var(--nav-height));margin-left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:60px;top:var(--nav-height);transform:translateX(100%);transition:transform .3s ease;width:250px}.nav-right-open{transform:translateX(0)}.nav-links{flex-direction:column;gap:20px;width:100%}.nav-links li{width:100%}.nav-link{display:block;padding:10px 0}.social-button{gap:10px;padding:10px 0}.social-label{display:inline;font-weight:500}}.home{display:flex;flex-direction:column;height:calc(100vh - var(--nav-height));justify-content:center}.hero{color:#fff;padding:10px 0;text-align:center}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.about{padding:10px 0}.about-list{border-radius:10px;list-style:none;margin:0 auto;max-width:800px;overflow:hidden;padding:0;text-align:center}.about-list li{border-bottom:0 solid #444;color:#fff;font-size:1.1rem;line-height:1.6;padding:10px 30px;position:relative;transition:background-color .3s ease}.about-list li:last-child{border-bottom:none}.about-list li:before{content:""}.about-list li{padding-left:30px}@media (max-width:768px){.hero-buttons{align-items:center;flex-direction:column}.about{padding:60px 0}}.blog{min-height:calc(100vh - var(--nav-height))}.blog-content{padding:80px 0}.tag-clickable{background:#0000;border:2px solid #fff;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tag-clickable.tag-hovered,.tag-clickable.tag-selected{background-color:#fff;color:#000}.blog-loading{padding:100px 0;text-align:center}.no-posts{display:flex;flex-direction:column;height:calc(100vh - var(--nav-height));justify-content:center;text-align:center}.no-posts p{color:#ccc;font-size:1.1rem}.posts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.post-card{border-radius:10px;padding:30px}.posts-grid .post-card{transition:transform .3s ease,box-shadow .3s ease}.posts-grid .post-card:hover{box-shadow:0 0 25px 25px #ffffff26}.post-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4;padding:5px 0}.posts-grid .post-title a{color:#fff;text-decoration:none;transition:color .3s ease}.posts-grid .post-title a:hover{color:#888}.post-excerpt{color:#ccc;line-height:1.6;padding:5px 0}@media (max-width:768px){.blog-content{padding:60px 0}.posts-grid{gap:20px;grid-template-columns:1fr}.post-card{padding:20px}.post-title{font-size:1.3rem}}.not-found{align-items:center;display:flex;flex-direction:column;height:calc(100vh - var(--nav-height));justify-content:center;min-height:60vh;padding:2rem 0;text-align:center}.not-found-content h1{color:var(--text-secondary);font-family:Google Sans Code;font-size:6rem;font-weight:300;line-height:1;margin:0;padding:10px}.not-found-content h2{color:var(--text-primary);font-size:2rem;margin:1rem 0}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:10px}.not-found-actions .btn{min-width:120px}@media (max-width:768px){.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.5rem}.not-found-actions{align-items:center;flex-direction:column}.not-found-actions .btn{width:200px}}.blog-post{min-height:calc(100vh - var(--nav-height));padding:40px 0}.blog-post .container{max-width:800px}.blog-post-error,.blog-post-loading{padding:100px 0;text-align:center}.blog-post-error h1{color:#fff;margin-bottom:20px}.blog-post-error p{color:#ccc;font-size:1.1rem;margin-bottom:30px}.blog-post .post-card{overflow:hidden}.post-header{border-bottom:1px solid #444}.blog-post .post-meta{margin-bottom:20px}.blog-post .post-title{font-size:2.5rem;line-height:1.2;margin-bottom:0}.post-body{padding:20px 0}.post-content-html{color:#fff;line-height:1.8}.post-content-html h1,.post-content-html h2,.post-content-html h3,.post-content-html h4,.post-content-html h5,.post-content-html h6{color:#fff;font-weight:600;margin-bottom:20px;margin-top:40px}.post-content-html h1{font-size:2rem}.post-content-html h2{font-size:1.7rem}.post-content-html h3{font-size:1.4rem}.post-content-html p{font-size:1.1rem;margin-bottom:20px}.post-content-html ol,.post-content-html ul{margin-bottom:20px;padding-left:30px}.post-content-html li{font-size:1.1rem;margin-bottom:10px}.post-content-html blockquote{border-left:4px solid #888;color:#ccc;font-style:italic;margin:30px 0;padding-left:20px}.post-content-html code{background-color:#333;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px}.post-content-html pre{background-color:#333;border-radius:8px;color:#fff;margin:30px 0;overflow-x:auto;padding:20px}.post-content-html pre code{background:none;padding:0}.post-content-html a{color:#888;text-decoration:none}.post-content-html a:hover{text-decoration:underline}.post-footer{align-items:center;border-top:1px solid #444;display:flex;justify-content:space-between;padding:40px 0}@media (max-width:768px){.blog-post .post-title{font-size:2rem}.post-footer{align-items:flex-start;flex-direction:column;gap:20px}.post-content-html h1{font-size:1.8rem}.post-content-html h2{font-size:1.5rem}.post-content-html h3{font-size:1.3rem}}
/*# sourceMappingURL=main.205b1d9b.css.map*/