body {
  background-color: #D0D0D0; /*#D4D4D4*/
}

@font-face {
   font-family: Vineta;
   src: url(vineta-bt-regular.ttf);
}


#Barn {
	width: 1276px;
	height: 718px;
	display: flex;
	left:109px;
	top:0;
	position:fixed;
	Z-index:1;
}

#Wood{
	inherits: true;
	width:20.661%;
	height:37.137%;
	left:59.339%;
	top:62.863%;
	position:absolute;
	z-index:3;
	
}

#Razor{
	inherits: true;
	height: 7.5%;  /* 6.816% */
	width:3.198%;
	left: 26.926%;
	top:2%;
	position: absolute;
	z-index:2;
}

#Razor:hover ~ #Aerobie{
	transition:opacity 1s;
	z-index:4;
	opacity:0.9;
}

#Aerobie{
	inherits: true;
	width: 50%;
	top: 26.74%;
	left: 23.249%;
	background-color:white;
	border-radius:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	text-align: justify;
	padding:1%;
	opacity:0;
	position:absolute;
	z-index:1;
	transition:opacity 0.50s linear;	
}

#BarnRun{
	inherits: true;
	height: 6.915%;
	width:33.960%;
	left:32.35%;
	top:2%;
	opacity:0.75;
	position: absolute;
	z-index:2;
}

#BarnRun:hover ~ #Welcome{
	z-index:4;
	opacity:0.9;
}

#Welcome{
	width: 72.0%;
	height: 46%;
	background-color:white;
	border-radius:15px;
	opacity:0;
	top: 26.74%;
	left: 11.25%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	text-align: justify;
	padding:1%;
	position:absolute;
	z-index:1;
	transition:opacity 0.50s linear;
}

#Niteize{
	inherits: true;
	height: 7.5%; /* 6.816% */
	width:4.075%;
	left:67.3%;
	top:2%;
	z-index:2;	
	position: absolute;
}

#Niteize:hover ~ #Night{
	transition:opacity 1s linear;
	z-index:4;
	opacity:0.9;
}

#Night{
	inherits: true;
	width: 50%;
	top: 26.74%;
	left: 23.249%;
	border-radius:15px;
	background-color:white;
	padding:1%;
	opacity:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	text-align: justify;
	position:absolute;
	z-index:1;
	transition:opacity 0.50s linear;	
}

#Bldg{
	inherits: true;
	width: 4.319%;
	height:3.804%;
	top: 10.166%;
	left: 47.160%;
	position:absolute;
	z-index:2;
}

#Bldg:hover ~ #Build{
	transition:opacity 1s linear;
	z-index:4;
	opacity:0.9;	
}

#Build{
	inherits: true;
	width: 4.163%;
	height: 5.947%;
	top: 20.539%;
	left: 47.40%;
	opacity:0;
	position:absolute;
	z-index:1;
	transition:opacity 0.25s linear;		
}

#Morton{
	width: 4.163%;
	height: 5.947%;
	top: 20.539%;
	left: 47.40%;
	position: absolute;
	z-index:2;
}

#Morton:hover ~ #Rules{
	transition:opacity 1s linear;
	z-index:4;
	opacity:0.9;
}

#Rules{
	inherits: true;
	width: 80.12%;
	height: 73.5%;
	background-color:white;
	border-radius:15px;
	opacity:0;
	top: 26.74%;
	left: 8.189%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	position:absolute;
	z-index:1;
	transition:opacity 0.50s linear;
}
#Frames{
	width: 15%;
	height: 3.5%;
	background-color:transparent;
	top: 28.5%;
	left: 41%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 2.5em;
	position:fixed;
	position:absolute;
	z-index:2;
}

#Slider{
	inherits: true;
	width: auto;
	height: 54.5%;
	top: 35%;
	left: 28.535%;
	background-color: #FFFFFF;
	position: absolute;
	z-index:2;
}

#License{
	inherits: true;
	height:3.000%;
	width:8.767%;
	left:2.790%;
	top:88.000%;
	position:absolute;
	z-index:2;
}

#License:hover ~ #Plate{
	opacity:0.75;
}

#Plate{
	inherits: true;
	width: 17.887%;
	height: 7.010%;
	margin:0.5%;
	opacity:0;
	top: 70%;
	left:1.290%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	position:absolute;
	z-index:4;
	transition:opacity 0.50s linear;
}

#Deere{
	inherits: true;
	width:11.362%;
	height:9.544%;
	left:81.673%;
	top:72.407%;
	position:absolute;
	z-index:3;
}

#Deere:hover ~ #Gator{
	inherits: true;
	opacity:0.9;
	z-index:4;
}

#Gator{
	inherits:true;
	width:25%;
	height:10%;
	left:81.673%;
	top:62.407%;
	opacity:0;
	position:absolute;
	transition:opacity 0.50s linear;
	Z-index:1;
}

#Description {
	width:70%;
	height:5.6%;
	border-radius: 15px;
 	text-align: auto;
	top: 89.5%;
	left:15%;
	font-size: 4.5em;
	background-color: #FFFFFF;
	opacity: 0.7;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	position: absolute;
	z-index:3;
}

#Footer{
	width: 50%;
	height: 3.5%;
	top: 96.75%;
	left: 17%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 2.5em;
	position:fixed;
	position:absolute;
	z-index:3;
}