#waiting_screen{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    transition: opacity 1s linear;
    opacity: 1;

}
#waiting_screen.opaque{
    animation-name: fadeoutvideo;
    animation-duration: 2s;
    animation-delay: 1s;
}
#waiting_screen.hidden{
    
display: none;
}
#waiting_screen video{
    max-width: 100%;
}
@keyframes fadeoutvideo{
    0%{opacity: 1;}
    99.9999%{opacity: 0;}
}