html {
        overflow: hidden;
      }
      body {
        margin: 0;
        font-size: 20px;
        background: black;
      } 
#box{
	height:100vh;
	width:100vw;
	display: flex;
	align-items: center;
	justify-content: center; 
  position: absolute;
  top: 40%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%) 
}
#btn_start_box{
	height:5vh;
	width:100vw;
	display: flex;
	align-items: center;
	justify-content: center; 
  position: absolute;
  top: 70%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
#connect{
	height:5vh;
	width:100vw;
	display: flex;
	align-items: center;
	justify-content: center; 
  position: absolute;
  top: 40%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
#footer{
	height:5vh;
	display: flex;
	align-items: center;
	justify-content: center; 
  position: absolute;
  bottom: 0%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.btn{ 
        color: black;
        font:bold 11px monospace;
        padding: 10px;
        outline: none;
        cursor: pointer;
    }

    
video {

  border-radius: 5px;
  background-color: black;
  object-fit: cover;
  transform: scaleX(-1)
}