video {
height:100%;
position: relative;
}

.video-container {
overflow: hidden;
height: 100%;
width: 100%;
}

.main-container {
position: fixed;
width: 100%;
}

.videoContainer {
overflow: hidden;
height: 100%;
width: 100%;
}

.peer-stream {
-webkit-transform: scaleX(-1);
}


/* Idle notification styling */
#idle-notification {
    animation: slideInRight 0.5s ease-out;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}