.about{width:auto;height:fit-content;margin:0 5px 10px;padding:10px;border-radius:var(--corner-radius);background-color:var(--container-background-color);box-shadow:var(--box-shadow);text-align:center}.about-title{text-align:center}.about-img{width:100px;padding:10px 0;clip-path:circle(50px at center)}.about-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:15px 0}.about-link{position:relative;text-decoration:none}.about-link:after{display:none;position:absolute;top:70%;left:50%;z-index:10;padding:5px;border-radius:3px;background-color:var(--background-color-inverse);opacity:.8;font-size:.5em;font-weight:300;letter-spacing:.1rem;color:var(--text-color-inverse);transform:translate(-50%,30%);content:attr(href)}.about-link:hover:after{display:inline-block}.about-links-img{display:flex;width:30px;margin:0 2px;padding:5px;filter:brightness(0) saturate(100%) invert(9%) sepia(5%) saturate(52%) hue-rotate(0deg) brightness(93%) contrast(90%)}.about-links-x-img{width:22px}.about-links-instagram-img{width:26px}.about-links-github-img{width:28px}.about-links-mail-img{width:33px}.about-text{padding:0 20px;text-align:left}.table-of-contents-container{position:sticky;top:10%;align-self:start;width:auto;height:fit-content;margin:10px 5px;padding:10px;border-radius:var(--corner-radius);background-color:var(--container-background-color);box-shadow:var(--box-shadow)}.table-of-contents{max-width:80%;padding:10px 20px}.table-of-contents-h2{margin:0}.table-of-contents ul{position:relative;margin:0;padding-left:3px;list-style:none}.table-of-contents ul:before{position:absolute;top:0;bottom:0;left:.5rem;width:2px;background:#a1a1a1;content:""}.table-of-contents li{margin:.8rem 0;padding-left:calc(var(--toc-indent, 0rem) + 1.5rem);position:relative;width:fit-content}.table-of-contents li a{position:relative;text-decoration:none;color:#65717b}.table-of-contents li a.active{font-weight:700;color:var(--text-color)}.table-of-contents li a.active:before{position:absolute;top:50%;left:calc(-1.5rem - var(--toc-indent, 0rem));transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#3ba0e2;box-shadow:var(--box-shadow);content:""}.toc-toggle{display:none}@media screen and (max-width: 1000px){.toc-toggle{display:block;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;gap:5px;z-index:20;padding:15px;border:none;border-radius:10px;background-color:var(--background-color-inverse);color:var(--text-color-inverse);font-weight:700;cursor:pointer;box-shadow:var(--box-shadow);transition:transform .2s ease}#toc-arrow{margin:0;width:16px;height:16px;display:inline-block;vertical-align:middle;transition:transform .3s ease;filter:brightness(0) invert(100%)}.toc-toggle span{display:inline-block;line-height:1}.toc-toggle.active #toc-arrow{transform:rotate(-180deg)}.toc-toggle:active{transform:scale(.9)}.table-of-contents-container{display:block;position:fixed;bottom:80px;right:20px;width:250px;max-height:70vh;overflow-y:auto;background-color:var(--container-background-color);border-radius:var(--corner-radius);box-shadow:var(--box-shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:999}.table-of-contents-container.active{opacity:1;transform:translateY(0);pointer-events:auto}.table-of-contents-container{top:auto;align-self:auto;margin:0}}.Blog_Post_article_share_container{display:flex;align-items:center;gap:8px}.BlogPost_article_share_icon,.BlogPost_article_x_icon,.BlogPost_article_rss_icon{display:flex;width:30px;cursor:pointer;filter:brightness(0) saturate(100%) invert(9%) sepia(5%) saturate(52%) hue-rotate(0deg) brightness(93%) contrast(90%)}.BlogPost_article_x_icon{width:24px}.copy-toast{position:fixed;bottom:20px;left:20px;z-index:1000;padding:12px 20px;border-radius:8px;background-color:var(--background-color-inverse);opacity:0;font-size:14px;color:var(--text-color-inverse);transition:opacity .3s ease,transform .3s ease;transform:translateY(20px);pointer-events:none}.copy-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}.breadcrumb{grid-column:1 / -1;margin:0 5px;padding:20px 30px;border-radius:var(--corner-radius);background-color:var(--container-background-color);box-shadow:var(--box-shadow);margin-bottom:1rem;font-size:.95rem}.breadcrumb a{text-decoration:underline}.breadcrumb ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;font-size:.9rem}.breadcrumb li{display:flex;align-items:center;width:fit-content}.sep{margin:0 4px;opacity:.6}@media (width <= 1000px){.breadcrumb{padding:10px 20px}.breadcrumb ul{font-size:.8rem}}main{margin:105px 0}.BlogPost_article_container{margin:0 5px;padding:20px 30px;border-radius:var(--corner-radius);background-color:var(--container-background-color);box-shadow:var(--box-shadow)}.BlogPost_article_title{margin:0}.BlogPost_article_image{display:flex;aspect-ratio:16 / 9;width:90%;height:auto;margin:20px auto 0;border-radius:calc(var(--corner-radius) - 5px)}.BlogPost_article_image_text{margin:0}.BlogPost_article_top_content{display:flex;justify-content:space-between;align-items:center;width:100%;margin:10px 0}.BlogPost_article_top_content p{margin:0;font-size:.9rem;color:var(--text-color-secondary)}.BlogPost_article-item-tags{display:flex;width:fit-content;height:fit-content;gap:6px;padding:0}.BlogPost_article-item-tags .tag{text-box:trim-both cap alphabetic;width:fit-content;background-color:var(--background-color-inverse);color:var(--text-color-inverse);padding:10px;border-radius:5px;font-size:.7rem}.Blog_Post_article_share_content{display:flex;align-items:center;margin-top:30px;gap:8px}.Blog_Post_article_share_content p{display:flex;align-items:center;margin:0;font-size:.9rem}.BlogPost_article_container p{margin:.5rem 0}.BlogPost_article_container a{text-decoration:underline}.BlogPost_article_container h2{margin:4.5rem 0 0}.BlogPost_article_container h3{margin:2.5rem 0 0}.BlogPost_article_container h2:after{background-color:var(--carousel-embla_dot-color);content:"";display:block;height:1px;margin-top:.5rem}.BlogPost_article_container a{transition:.5s}.BlogPost_article_container a:hover{opacity:.8;color:var(--text-color-link)}.BlogPost_article_container ul,ol{padding-left:1.5em;margin-top:0;margin-bottom:1em;list-style-position:outside;width:fit-content}.BlogPost_article_container li{line-height:1.6;list-style-type:disc}.BlogPost_article_link{text-decoration:underline;color:#1d9bf0}.youtube_item{display:flex;aspect-ratio:16 / 9;width:100%;height:auto;margin:10px auto;border-radius:calc(var(--corner-radius) - 5px)}.twitter-tweet{width:100%;margin:0 auto}.twitter-tweet-text{font-weight:400;text-align:center;font-size:.9rem;margin-top:.25rem}@media (width <= 1000px){.BlogPost_article_container{margin:0 5px;padding:20px 15px}.BlogPost_article_top_content p{font-size:.8rem}.BlogPost_article-item-tags .tag{font-size:.6rem}.BlogPost_article_image{width:100%}}