/* Navbar */
.navbar-brand {
    font-size: 24px;
    font-weight: bold;
}

/* Card Styles */
.video-card {
    cursor: pointer;
    transition: transform 0.2s;
}

.video-card:hover {
    transform: scale(1.05);
}

/* Card Text Alignment */
.card-body {
    text-align: left;
}

/* Modal Styles */
.modal-content {
    background-color: white;
    padding: 15px;
}

.modal-video {
    width: 100%;
    height: auto;
}

/* Modal Title and Description */
.modal-title {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}

.modal-description {
    font-size: 18px;
    text-align: left;
}

.modal-dialog {
    max-width: 65vw;
    /* 80% of the viewport width */
    max-height: 90vh;
    /* 90% of the viewport height */
}

.modal-content {
    height: auto;
    /* max-height: 75vh; */
}