body {
            background-color: #1f1f1f; /*背景色*/
            color: #f0f0f0;
            font-family: sans-serif;
            line-height: 1.8;
            padding: 50px;
            max-width: 800px; /* 横に広がりすぎない魔法 */
            margin: 0 auto;    /* 真ん中に寄せる*/
        }
        h1 { color: #ffcc00; border-bottom: 2px solid #ffcc00; padding-bottom: 10px; }
        h2 { color: #ffcc00; margin-top: 40px; }
        .date { color: #888; font-size: 0.9em; } /* 日付を少し控えめに */
        .post { margin-bottom: 30px; border-left: 3px solid #444; padding-left: 15px; } /* 記事の区切り */
        a { color: #00ffff; text-decoration: none; } /* リンクをシアン（水色）に */
        a:hover { text-decoration: underline; } /* マウスを乗せたら線が出る */
        
    .menu-btn{
    position: fixed;
    width:40px;
    height:40px;
    top: 10px;
    right: 10px;
    z-index: 100;
}

.menu-btn span{
    display: block;
    width: 30px;
    height:2px;
    background-color: #ffcc00;
    margin-bottom: 6px;
}

.nav-menu{
    position: fixed;
    top: 0;right:-100%;
    width:70%;height:100vh;
    background-color: rgba(0,0,0,0.8);
    padding-top: 60px;
    box-shadow: -2px 0 5px rgba(0,0,0,0.3);
    transition: 0.3s;
    z-index: 90;
}
.nav-menu.active {
     right: 0; 
}