.menu a:hover {
    background-color: #FF8000; /* 메뉴 항목에 마우스를 올렸을 때 배경색을 변경합니다. */
}
.menu-bar {
    background-color: white; /* 흰색 바탕 */
}

.menu-bar ul {
    list-style: none;
    padding: 30;
    margin: 0;
    text-align: right; /* 메뉴 항목을 오른쪽으로 정렬 */
}

.menu-bar li {
    display: inline;
    margin-left: 30px; /* 메뉴 항목 간격 조정 */
}

.menu-bar a {
    text-decoration: none;
    color: black; /* 검은색 글씨 */
}