html, body {
	margin:0;
	height:100%;
}

.flex-surajtv-item {
    height:30vh;
}

.flex-surajtv-container {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    align-content:center;
    align-items:center;
    height:100%;
}

.surajtv-background {
	min-height:100%;
	min-width:100%;
	margin:0;
}

.surajtv {
    width:40vh;
    height:40vh;
    border-radius:50%;
	overflow:hidden;
	margin:0;
}

.backgroundvideo {
	height:100%;
	width:100%;
	object-fit:cover;
	object-position: 50% 50%;
}

.station {
	height:100%;
	width:100%;
	object-fit:cover;
	clip-path: url(#svgPath);
}

.surajtv-backgroundvideo {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	margin:0;
	z-index:-1;
}

.surajtv-mutebutton {
	position:absolute;
	left:0px;
	bottom:0px;
	width:200px;
	margin:20px;
}

#mutebutton {
	height:32px;
	width:32px;
	background-image: url("./art/mute.svg");
	background-repeat:no-repeat;
	background-color:transparent;
	background-size:cover;
	border:0;
	outline:none;
}