body {    
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 반투명한 검정색 오버레이 */
    z-index: -1; /* 콘텐츠 위로 오버레이를 덮지 않도록 설정 */
}

/* "시작하기" 및 댓글버튼 색상 */
.start-button {
    background-color: #ce04e9; 
}

.start-button:hover {
    background-color: #a403b9; /* 호버 시 배경색을 약간 어둡게 변경 */
}

.submit-button {
    background-color: #ce04e9; 
}
.submit-button:hover {
    background-color: #a403b9; 
}