/* ==UserStyle==
@name           Anime1.me Theater Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Expand the Video Player
==/UserStyle== */

@-moz-document url-prefix("https://anime1.me/") {
    .site-title { width: auto !important; }
    .main-navigation { width: auto !important; float: right !important;}
    .widget-area {width: 100%; display: flex; text-align:center; justify-content: space-between;}
    
    .site-content {
        width: 100%;
        max-width: none;
    }

    .content-area {
        width: 100%;
        padding: 24px;
    }

    .vjscontainer {
        height: auto;
        width: auto;
    }
    
    /* No Padding Version */
    .video-js {
        margin-left: -24px;
        height: 100vh !important;
        width: 100vw !important;
        max-height: 100vh !important;
        max-width: 100vw !important;
    }
    
    /* With Padding Version */
    /*
    .video-js {
        height: 100vh !important;
        width: calc(100vw - 24px - 24px) !important;
        max-height: 100vh !important;
        max-width: calc(100vw - 24px - 24px) !important;
    }
    */
}