/* 기본 스타일 */



#menuBtn {

  cursor: pointer;
  font-size:30pt;
}

/* 레이어 스타일 */
#menuLayer {
  position: fixed;
  top: 0;
  left: -100%; /* 처음에는 화면 밖에 위치 (오른쪽) */
  width: 250px; /* 레이어 너비 */
  height: 100vh; /* 화면 전체 높이 */
  background-color: #fff; /* 튀어 나온 메뉴 배경색 */
  transition: left 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  z-index: 1000; /* 레이어보다 위에 위치 */
}


/* 배경 어둡게 효과 */
.dimmed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* 투명 검은색 */
  z-index: 999; /* 레이어보다 위에 위치 */
}