.no-word-break {
    word-wrap: keep-all;
}

.text-border {
    /* This will create a text shadow that looks like a border */
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.9);
}


.link-yellow:hover {
    color: var(--bs-warning) !important; /* Use Bootstrap's variable for yellow color */
}

.hover-dark-background:hover{
    background-color: rgba(0, 0, 0, 0.6); /* 반투명 검정 배경 */   
}