.dialog {
    display: none;
    height: 100vh;
    position: fixed;
    width: 100vw;
}
.overlay{
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index:2147483640;
    top: 0;
    left:0;
    right:0;
    bottom:0;
}
.dialog-content{
    background-color: #fff;
    left: 50%;
    top:50%;
    z-index:2147483641;
    padding: 32px;
    position: fixed;
    transform: translate(-50%,-50%);
    max-width: 90vw;
    max-height:90vh;
    box-sizing:border-box;
    text-align:center;
    border-radius:8px;
}
.dialog-content button{
    width:40%;
    max-width:200px;
    padding:10px;
    font-size:20px;
}

.fullVideo-content{
    background-color: #fff;
    left: 50%;
    top:50%;
    z-index:2147483641;
    padding: 10px;
    position: fixed;
    transform: translate(-50%,-50%);
    width: 95vw;
    height:95vh;
    box-sizing:border-box;
    text-align:center;
    border-radius:8px;
    opacity: 1;
}

.fullVideo-content button{
	display: flex;
    flex-direction: column;
    position: absolute;
    top: 20px;
    text-align: center;
    margin-bottom: 0;	
}

#close-fullscreen{
	border-radius: 10em;
    width: 60px;
    height: 60px;
    padding: 10px;
	background-color: #00000047;
	border: 1px solid #fff;
	margin: 10px;
    font-size: 40px;
}

.fullVideo-content canvas{
    width:100%;
    height:100%;
    background-color: #000000;
    opacity: 1;
}