.article#main-content{
	margin: auto;
    font-size:16px;
    line-height:1.8;
    word-wrap:break-word;
    padding-left:100px;
    padding-right:100px;
}
#menu-box{
    width: 290px;
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    left:10px;
    height: 85vh;
    overflow-y: auto;
    padding: 10px;
    word-wrap: break-word;
}
#menu-box a{
    display: block;
    color: #333;
    text-decoration: none;
    padding: 6px 4px;
    border-radius:5px;
}
#menu-box a.active{
    border-left: 3px solid #0061a4;
    padding-left: 7px;
    font-weight: bold;
}
#menu-box a.active,#menu-box a:hover{
    background-color: #f0f0f0;
}
.article#main-content :is(h1, h2, h3, h4, h5, h6) {
    scroll-margin-top: 80px;
}
.article#main-content img{
    margin: 20px auto;
    display: block;
}

@media (prefers-color-scheme: dark){
    .article#main-content{color-scheme: dark;}
    #menu-box a{color:#E6E1E5}
    #menu-box a.active, #menu-box a:hover{background-color: #313131}
}
@media (max-width:600px) {
    .article#main-content{
        padding-left:20px;
        padding-right:20px;
    }
}