* {
	font-family: arial;
}

html,body {
	height:100%;
	min-height:100%;
	background-color:#2E3744;
}

h1 {
	margin:0px !important;
	font-size:20px !important;
}

hr {
	margin-top:0px !important;
}

.large-live-btn {
	font-size:16px;
	padding:8px 22px;
	border-radius:8px;
	background-color:red;
	color:white;
	font-weight:400;
	position:absolute;
	top:20px;
	left:20px;
	animation: blink-animation 3s steps(5, start) infinite;
	-webkit-animation: blink-animation 3s steps(5, start) infinite;
}


#body {
	position:absolute;
	width:100%;
	height:100%;
}

video {
    object-fit: cover;
    min-height: 100%;
    margin: auto;
}

.video-icons {
	opacity: 0.75;
	position:absolute;
	right:20px;
	bottom:20px;
	cursor:pointer;
	width:15%;
}


#play-button {
	display:none;
	cursor:pointer;
	position: absolute;
	left:35%;
	top:30%;
}

#play-button img {
	width:50%;
}

.video-icons:hover {
	opacity: 1;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}