html {
	height:100%;
}

body {
	display: flex;
	flex-direction: column;
	font-family:Zing Sans;
	height:100dvh;
}

main {
	flex: 1 0 auto;
}

#logo {
	max-width:300px;
	mix-blend-mode:difference;
}

#video-container{
	height:100%;
}

.icon {
	cursor:pointer;
	padding:5px;
}

.icon:hover {
	-webkit-box-shadow: 0px 0px 47px -3px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 47px -3px rgba(255,255,255,1);
	box-shadow: 0px 0px 47px -3px rgba(255,255,255,1);
	border-radius:50%;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index:-999;
  pointer-events: none;
}

video::-webkit-media-controls-start-playback-button {
    display: none;
}