/* ナビゲーション全体 */
.navbar{

    background:rgba(15,23,42,0.95);

    display:flex;
    justify-content:center;
    align-items:center;

    padding:0;

    position:sticky;
    top:0;
    z-index:1000;

}


/* メニュー横並び */
.nav-links{

    display:flex;

    flex-direction:row;

    justify-content:center;
    align-items:center;

    gap:0;

    list-style:none;

    margin:0;
    padding:0;

}


/* 各メニュー */
.nav-links li{

    margin:0;

}


.nav-links a{

    display:block;

    padding:18px 25px;

    color:white;

    text-decoration:none;

    font-size:1rem;

}


/* マウスを置いた時 */
.nav-links a:hover{

    background:#22d3ee;

    color:#07111f;

}
.site-header{

    background:
    linear-gradient(
        135deg,
        #07111f,
        #123b6d
    );

    padding:40px 20px;

    text-align:center;

    color:white;

}


.site-header h1{

    font-size:3rem;

    letter-spacing:.08em;

    margin-bottom:10px;

}


.site-header p{

    color:#22d3ee;

    font-size:1.2rem;

}