/* Custom CSS for the video frame */
.video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-top: 0%;
    background-color: rgba(255, 255, 255, 0.1); /* Hafif bir arka plan efekti */
    border-radius: 15px; /* Yuvarlak köşeler */
}

.styled-video {
    border: 5px solid #494848; /* Beyaz çerçeve */
    border-radius: 10px; /* Videonun köşelerini yuvarlama */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Gölge efekti */
}

@media (max-width: 768px) {
    .video-wrapper {
        padding: 5px; /* Küçük ekranlarda padding azalt */
    }

    .styled-video {
        border-width: 3px; /* Küçük ekranlarda çerçeve boyutunu küçült */
    }
}

@media (min-width: 1700px) {
    .video-wrapper {
        margin-top: -50%; /* Yukarı taşıma */
        margin-right: 17%;
    }
}

@media (min-width: 990px) and (max-width: 1200px) {
    .video-wrapper {
        margin-top: -80%; /* Yukarı taşıma */
        margin-right: 5%;
    }
}