.modal {
    display: none; /* Скрыто по умолчанию */
    position: fixed; /* Остается на месте */
    z-index: 1; /* Находится наверху */
    left: 0;
    top: 0;
    padding-top: 5%;
    width: 100%; /* Полная ширина */
    height: 100%; /* Полная высота */
    overflow: auto; /* Включить прокрутку при необходимости */
    background-color: rgba(0,0,0,0.4); /* Черный с непрозрачностью */
}

.modal-content {
    background-color: #fefefe00;
    margin: auto; /* Центрирование в области просмотра */
    padding: 20px;
    border: 1px solid #8880;
    width: 1080px; /* Ширина модального окна */
    height: 580px; /* Высота модального окна */
    display: flex; /* Использовать flexbox для центрирования */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    position: relative; /* Необходимо для позиционирования кнопки закрытия */
}

.close {
    color: white;
    position: absolute; /* Абсолютное позиционирование кнопки закрытия */
    top: 0px; /* Позиция сверху */
    right: 0px; /* Позиция справа */
    font-size: 50px;
    font-weight: bold;
    cursor: pointer; /* Изменить курсор на указатель */
}

.close:hover,
.close:focus {
    color: red;
    text-decoration: none; /* Без подчеркивания при наведении */
}

.video-thumbnail {
    width: 15%!important; /* Или желаемый размер */
    border-radius: 50%; /* Делает углы изображения круглыми */
    transition: all 0.3s ease; /* Плавный переход для эффекта наведения */
    cursor: pointer; /* Изменить курсор на указатель */
    display: block;
    margin-right: 45px;
    /* margin: 20px auto; /* Центрирование изображения */
}

.video-thumbnail:hover {
    opacity: 0.8; /* Легкое затемнение изображения при наведении */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Добавить тень для выделения изображения */
}

.pad {
    max-width: 130%;
}
.driv {
    max-width: 80%;
}
.cust {
    max-width: 120%;
}
.mac {
    max-width: 100%;
}
.phon {
    max-width: 270%;
}
.fontcolor {
    color: black;
}
.streamflix {
    max-width: 100%;
}
.adminbebas {
    font-family: "Bebas Neue";
    font-weight: 700 !important;
    color: #FFB800;
    font-size: 6.0rem !important;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
}