:root{--blog-bg-color: #171617;--blog-bg-color-hover: #232323;--blog-bg-color-hover-light: #cacaca;--blog-bg-color-light: #ffffff;--blog-text-color: #ffffff;--blog-text-color-light: #000000;--blog-secondary-color: #a1a1a1;--blog-secondary-color-light: #3a3a3a}.main{max-width:760px;margin-left:auto;margin-right:auto;color:var(--blog-text-color);padding:24px}html[data-theme=light] .main{color:var(--blog-text-color-light)}html[data-theme=light] body{background-color:var(--blog-bg-color-light)}html[data-theme=dark] body{background-color:var(--blog-bg-color)}.blog-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.back-button{font-size:14px;color:var(--blog-secondary-color);text-decoration:none;padding:1rem}html[data-theme=light] .back-button{color:var(--blog-secondary-color-light)}.back-button:hover{text-shadow:0 0 3px var(--blog-secondary-color)}.header{text-align:center;margin-left:auto;margin-right:auto;margin-top:5vh}#main{background-color:var(--blog-bg-color)}html[data-theme=light] #main{background-color:var(--blog-bg-color-light)}html[data-theme=dark] #main{background-color:var(--blog-bg-color)}h1{font-size:2.5rem;margin-bottom:1.5rem;margin-top:1rem;font-weight:570}p{font-size:16px}.subtitle-text{font-size:24px;color:var(--blog-secondary-color);margin-top:1.3rem;margin-bottom:1.3rem}.primary-image{width:60vw;height:auto;border-radius:12px;margin-top:1rem;margin-bottom:1rem}.blog-about{color:#fff;display:flex;justify-content:center;align-items:center;margin-top:2.5rem;margin-bottom:2.5rem;justify-content:space-evenly;background-color:var(--primary-color);border-radius:16px;font-size:18px}.blog-about h3{font-size:1.25rem;font-weight:600;margin-bottom:0}html[data-theme=light] .subtitle-text{color:var(--blog-secondary-color-light)}.quote{padding:1rem 1.5rem;max-width:50rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between}.info-text{font-size:15px;color:var(--blog-secondary-color);letter-spacing:-.025em;display:flex;justify-content:center;align-items:center}html[data-theme=light] .info-text{color:var(--blog-secondary-color-light)}h2{letter-spacing:.02em;font-weight:500;margin-top:4rem;margin-bottom:2rem;font-size:32px}h3{letter-spacing:.01em;font-weight:600;font-size:20px}.blog-category{font-size:18px;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.blog-text{font-size:18px;font-weight:400;line-height:1.65;margin-top:1.5rem;margin-bottom:1.5rem}.blog-footer{font-size:14px;margin-top:3rem;margin-bottom:3rem}.blog-footer-heading{color:var(--blog-secondary-color);font-size:13px;text-transform:uppercase}html[data-theme=light] .blog-footer-heading{color:var(--blog-secondary-color-light)}.dark-mode-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;background:var(--blog-bg-color);border:1px solid var(--blog-secondary-color);padding:3px;border-radius:9999px;display:flex;align-items:center;transition:border-color .12s ease 0s}html[data-theme=light] .dark-mode-toggle{background:var(--blog-bg-color-light);border:1px solid var(--blog-secondary-color-light)}html[data-theme=light] .light-icon{fill:#5a5a5a}html[data-theme=dark] .light-icon{fill:#fff}html[data-theme=light] .dark-icon,html[data-theme=dark] .dark-icon{fill:#5a5a5a}.dark-icon-bg,.light-icon-bg{padding:0 7px;border-radius:9999px}html[data-theme=dark] .dark-icon-bg{background-color:var(--blog-secondary-color-light)}html[data-theme=light] .light-icon-bg{background-color:var(--blog-bg-color-hover-light)}.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%;flex-shrink:0;height:32px;color:var(--blog-text-color);gap:8px;white-space:nowrap;margin:0;transition:border .26s ease 0s,background-color,color,box-shadow,opacity,filter,transform;border-radius:9999px;padding:0 16px;background:var(--blog-bg-color);border:1px solid var(--blog-secondary-color)}.link-button:hover{background-color:var(--blog-bg-color-hover)}html[data-theme=light] .link-button{color:var(--blog-text-color-light);background:var(--blog-bg-color-light);border:1px solid var(--blog-secondary-color-light)}html[data-theme=light] .link-button:hover{background-color:var(--blog-bg-color-hover-light)}.link-icon{fill:var(--blog-bg-color-light)}html[data-theme=light] .link-icon{fill:var(--blog-bg-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification{font-size:14px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:6px;border-radius:5px;animation:fadeIn .5s ease-in-out}@media (max-width: 768px){.blog-nav{flex-direction:column;align-items:start}.primary-image{width:100%}h1{font-size:32px;text-align:left}h2{font-size:22px}h3{font-size:18px}}