/* 挨拶メッセージの表示部分（クラス名 my-greeting） */
.my-greeting {
    font-size: 20px;           /* 文字のサイズ */
    color: #0073aa;            /* 文字色（青） */
    padding: 10px;             /* 内側の余白（上下左右10px） */
    border: 1px solid #0073aa; /* 枠線の色と太さ */
    border-radius: 5px;        /* 角を丸くする */
    display: inline-block;     /* 幅は内容に応じて変化しつつ、ブロック要素として振る舞う */
    cursor: pointer;           /* マウスが乗るとポインタ（手の形）になる */
}

/* マウスが乗ったときの見た目変化 */
.my-greeting:hover {
    background-color: #f0f0f0; /* 背景色を薄いグレーに */
}