body,html{height: 100%;}

body{
    margin: 0!important;
    padding: 0!important;
}
#main_div #publisher video{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
#main_div #subscriber video{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
#main_div{
    position: relative;
    display: flex;
    height: 100%;
}
#main_div #draw_area{
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.OT_roo.OT_publisher.OT_fit-mode-cover{*/
/*    width: 100vh !important;*/
/*    height: 100vh !important;*/
/*}*/

#draw_canvas{
    background: red;
    opacity: 0.5;
}

.canvas-container{

}