h1{font-size:3rem;text-align:center;margin-bottom:1rem;font-weight:700}h2{font-size:2rem;text-align:center;color:#fff176;font-weight:700;margin-top:2rem}h3{font-size:1.5rem;margin:1rem;color:#fff176}p{margin:1rem}li{margin-left:1rem}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:#ffffff1a;z-index:1000}.reading-progress-bar{height:100%;background:linear-gradient(to right,#777b00,#ebf300);width:0%;transition:width .2s ease}.articleLink{color:#fff176;text-decoration:none}article{background-color:#0a0a0a26;border-radius:.75rem;padding:1rem;border:2px solid rgba(255,255,255,.4);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-size:large;max-width:1000px;width:100%}.container{display:flex;gap:2rem;align-items:flex-start;justify-content:center;flex-direction:row-reverse;max-width:1200px;margin-left:auto;margin-right:auto}.sticky-canvas{position:sticky;top:1rem;width:25%;flex:0 0 auto}@media (max-width: 768px){.container{flex-direction:column;align-items:center}.sticky-canvas{position:static;top:auto;width:100%;max-width:400px;margin-bottom:1rem}article{max-width:100%}}.mainImage{width:100%;max-width:1000px;height:auto;margin:auto;border-radius:1rem}.rightSideImage{width:25rem;margin-left:1rem;margin-bottom:1rem;border-radius:1rem;float:right}@media (max-width: 900px){.rightSideImage{width:100%;margin-left:0;margin-bottom:1rem;float:none}}