DIO - Layout vídeo full-window by MarceloSantana7

/* ==UserStyle==
@name         DIO - Layout vídeo full-window
@version      20230827.01.23
@namespace    userstyles.world/user/MarceloSantana7
@description  Changes the size of the video to occupy the entire window, and displays the class listing below the video, instead of displaying it on the right side.
@author       MarceloSantana7
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://web.dio.me/course/") {
.container.learning-container {
    height: auto!important;
}

#learning-container > .row {
    flex-direction: column;
}

.container.learning-container .lesson-content .lesson-preview, .container.learning-container .lesson-content .lesson-text, .container.learning-container .lesson-content .lesson-video {
    width: 100vw;
    height: calc(100vw * 9 / 16);
}


#track-lessons {
    max-width: 100%;
    width: auto!important;
}
}