:root{--blog-bg-color:#0a0a0a;--blog-text-color:#4ce419;--blog-link-color:#6620cf;--blog-link-hover:#78dc51;--blog-font:"Comic Sans MS",cursive,sans-serif}.blog-page,.blog-post-page{background-color:var(--blog-bg-color);color:var(--blog-text-color);font-family:var(--blog-font);box-sizing:border-box;min-height:100vh;padding:2rem}.blog-page h1{text-align:center;margin-bottom:1.5rem;font-size:2.5rem}.blog-page ul{max-width:900px;margin:0 auto;padding:0;list-style:none}.blog-page li{border-bottom:1px dashed var(--blog-link-color);margin-bottom:1.5rem;padding-bottom:1rem}.blog-page li h2{margin:.2rem 0;font-size:1.8rem}.blog-page li p{font-size:1rem;line-height:1.6}.blog-page a{color:var(--blog-link-color);text-decoration:underline;transition:color .3s}.blog-page a:hover{color:var(--blog-link-hover)}.blog-post-page h1{text-align:center;margin-bottom:2rem;font-size:2.5rem}.blog-post-page article{max-width:900px;margin:0 auto;font-size:1.1rem;line-height:1.8}.blog-post-page a{color:var(--blog-link-color);text-decoration:underline}.blog-post-page a:hover{color:var(--blog-link-hover)}@media (max-width:1024px){.blog-page h1,.blog-post-page h1{font-size:2.2rem}.blog-page li h2{font-size:1.6rem}}@media (max-width:768px){.blog-page,.blog-post-page{padding:1rem}.blog-page h1,.blog-post-page h1{font-size:2rem}.blog-page li h2{font-size:1.4rem}.blog-page li p,.blog-post-page article{font-size:1rem}}@media (max-width:480px){.blog-page h1,.blog-post-page h1{font-size:1.8rem}.blog-page li h2{font-size:1.2rem}.blog-page li p,.blog-post-page article{font-size:.95rem}}