.subject-container-article{flex-direction:column;width:clamp(50%,110ch,100%);height:auto;background-color:var(--color-4);border-radius:100px;z-index:1;margin-bottom:var(--space-3);padding:var(--space-5);transition:transform .5s ease-in-out;color:var(--white);font-family:Exo\ 2,monospace;margin-top:6%}.article-h1-container,.subject-container-article{display:flex;justify-content:center;box-sizing:border-box;margin-left:auto;margin-right:auto}.article-h1-container{position:relative;background-color:var(--color-3);width:100%;align-items:center;border-radius:50px;padding:var(--space-3)}.subject-container-article h1{font-size:2.5rem;font-weight:600;font-family:Protest Guerrilla,monospace;color:var(--color-1);filter:drop-shadow(0 0 10px var(--opacity-color-1))}.subject-container-article h2{font-size:2rem;color:var(--color-1);font-weight:500;margin:var(--space-2) 0;margin-bottom:0}.subject-container-article h3{font-size:1.5rem;font-weight:500;color:var(--white);margin:var(--space-2) 0;margin-bottom:0}.subject-container-article a{color:var(--color-2);text-decoration:none;font-weight:700}.subject-container-article ul{font-size:1.35rem;color:var(--color-1)}.subject-container-article p{font-size:1.25rem;color:var(--white)}.component-container-article{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50px;overflow:hidden;width:100%}.component-container-article canvas{width:100%;height:100%;background-color:black;border-radius:50px}.component-container-article svg{border-radius:50px}.subject-container-article img{max-width:100%;max-height:60vh;width:auto;height:auto;border-radius:20px;object-fit:contain;box-shadow:0 0 20px rgba(0,0,0,.4);background:#111;display:block;margin:0 auto}.code-block{border-radius:25px}.subject-container-article p code{background-color:var(--color-3);padding:0 .3em;margin:0}code,pre{color:rgba(255,255,255,.7);padding:var(--space-1);margin:var(--space-1);font-family:monospace;overflow-x:auto;box-sizing:border-box;line-height:1.5;border-radius:15px}p{white-space:normal;word-break:break-word;margin:.5em 0}code{padding:0;margin:0}@media (max-width:1750px){.subject-container-article{margin-left:10%}}@media (max-width:1500px){.subject-container-article{margin-left:auto}.subject-container-article p{font-size:1.5rem}.subject-container-article ul{font-size:1.65rem}}@media (max-width:1000px){.subject-container-article{margin-top:20%}.subject-container-article h1{font-size:4rem}.subject-container-article h2{font-size:3rem;margin:var(--space-4) 0;margin-bottom:0}.subject-container-article h3{font-size:2.5rem;margin:var(--space-4) 0;margin-bottom:0}.article-h1-container{width:90%}.subject-container-article p{font-size:2rem}.subject-container-article ul{font-size:2.25rem}}@media (max-width:800px){.subject-container-article h1{font-size:4.5rem}.subject-container-article h2{font-size:3.5rem;margin:var(--space-4) 0;margin-bottom:0}.subject-container-article h3{font-size:3rem;margin:var(--space-4) 0;margin-bottom:0}.subject-container-article p{font-size:2.5rem}.subject-container-article ul{font-size:2.75rem}}.article-nav-Menu{display:flex;flex-direction:column;align-items:center;width:15%;height:85%;background-color:var(--color-4);backdrop-filter:blur(12px);border-radius:100px;-webkit-backdrop-filter:blur(12px);position:fixed;transform:translateY(-50%);right:5vw;z-index:50;overflow:hidden}.article-nav-Menu h2{color:var(--white-off);font-size:1.2rem;margin:var(--space-1)}.published-time{font-size:.9rem;display:flex;flex-direction:column;align-items:center;background-color:var(--color-3);border-top-left-radius:75px;border-top-right-radius:75px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:var(--space-1);margin-top:var(--space-2);width:80%}.published-time h3{color:var(--neon-blue);font-size:1.1rem;margin:var(--space-2)}.published-time p{color:var(--color-1);font-size:.8rem;font-weight:400}.article-topic{font-size:.7rem;color:var(--color-1);width:80%;background-color:var(--color-3);padding:0;display:flex;flex-direction:column;align-items:center;border-radius:50px}.article-topic h3{font-weight:400}.table-of-contents{display:flex;flex-direction:column;align-items:center;width:80%;height:auto;overflow-y:auto;scrollbar-width:none}.table-of-contents::-webkit-scrollbar{display:none}.toc-item{font-size:.8rem;color:var(--color-1);width:100%;background-color:var(--color-3);display:flex;flex-direction:column;border-radius:50px;margin-bottom:var(--space-1);letter-spacing:.05em;transition:background-color .6s ease-in-out;cursor:pointer}.toc-item.active,.toc-item.medium.active,.toc-item.small.active,.toc-item:hover{background-color:var(--color-1);color:white}.toc-item h3{margin:var(--space-1);font-weight:400}.toc-item.medium{font-size:.7rem;width:90%;margin-left:auto}.toc-item.small{font-size:.6rem;width:80%;margin-left:auto}