html {overflow-x:hidden;}
/* Style the video: 100% width and height to cover the entire window */
.fullscreen {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  height: 100vh;
}
#start{
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  margin: auto;
  height: auto;
  width: 100%;
  background: #FFD700; /* Golden corn color */
  z-index:5;
  overflow:hidden;
  transition:0.25s;
  -webkit-transition:0.25s;
}
#start.button {
	width: 100vw;
	height: 100vh;
}
.start {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  margin: auto;
  height: auto;
  width: 100%;
  overflow:hidden;
}
.start > input {
  background: transparent;
  color: #8B4513; /* Brown corn husk color */
  padding: .5em 1em;
  border: 2px solid #8B4513;
  border-radius: 3px;
  font-size: 1.5em;
  font-weight: bold;
  transition:0.25s;
  -webkit-transition:0.25s;
  cursor: pointer;
}
.start > input:hover {
  color: #228B22; /* Green corn leaf color */
  border-color: #228B22;
  transition:0.25s;
  -webkit-transition:0.25s;
}
.watermark {
  opacity: 0.15;
}
#main-container {
  opacity: 0;
  transition:0.25s;
  -webkit-transition:0.25s;
  width: 100%; /* for good measure */
}
#cornVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.guess_box{
	width:150px;
	position:absolute;
	top:10px;
	left:10px;
	margin:10px;
	background:white;
	opacity:.8;
	z-index:100;
}
.egg_box{
	width:50;
	height:59;
	position:fixed;
	bottom:35px;
	right:35px;
	opacity:.4;
	z-index:100;
}
body{
	background-color:#FFD700; /* Golden corn background */
	font-family:arial;
	margin:0;
	padding:0;
	height:100%;
}
html{
	height:100%;
}

video, object {
	top:0;left:0;
	position:absolute;
}

h1, p {
	background:white;
	background-color:rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
	position:relative;
	padding:10px;
}
.guess_box h1{
	text-align: left;
	padding:0px;
}
video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}