.blog{height:calc(100% - 92px);overflow:auto;font-size:16px}.blog .intro{font-size:18px;padding-bottom:60px;border-bottom:1px solid var(--bg-400);text-align:center;margin-top:100px}.blog .intro h1{margin:5px 0}.blog .intro span{font-size:14px;color:var(--text-300)}.blog .content-container{margin:70px auto;width:60%}.blog h2{margin:1.75em 0 .6em}.blog h3{margin:1em 0 .6em}.blog h2{margin:40px 0 16px;letter-spacing:-.02em;padding-top:24px;border-top:1px solid var(--bg-400)}.blog a{color:var(--primary-100);transition:all .1s ease 0s}.blog a:hover{text-decoration:underline;color:var(--primary-100-dark)}.blog-info{margin-bottom:20px;margin-top:90px;padding-bottom:20px;border-bottom:1px solid var(--bg-400)}.blog-info h1{margin:0;font-size:2.45rem}.blog-info span{color:var(--text-300)}.blog-info .blog-count{color:var(--primary-100);font-weight:700}.blog-container{width:40%;margin:50px auto}.blog-container a{padding-bottom:10px;border-bottom:1px solid var(--bg-400)}.blog-container h2{margin:0;color:var(--text-100)}.blog-container h2:hover{text-decoration:underline}.blog-container p{margin-top:5px;font-size:.925rem;color:var(--text-300)}.changelog-container{width:65%;margin:50px auto}.changelog-container .changelog{display:flex}.changelog-container .changelog .changelog-date{margin-top:35px;padding-top:10px;font-weight:700;font-size:1.05rem;width:170px;border-right:2px solid var(--primary-100-50);transition:all .4s ease 0s}.changelog-container .changelog .post{margin-top:0!important;margin-left:50px;padding-top:10px}.changelog-container .changelog .post h2:target{color:var(--primary-100-dark)}.changelog-container .changelog .post-container.closed{text-overflow:ellipsis;max-height:100px;overflow:hidden}.changelog-container .changelog:not(:has(.closed)) .changelog-date{color:var(--primary-100)}