.topnav {
	background-color: #333;
	overflow: hidden;
	}

.topnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	}

.topnav a:hover {
	background-color: #ddd;
	color: black;
	}

.topnav a.active {
	background-color: #4CAF50;
	color: white;
	}

.splash {
	position: relative;
	height: 100vh;
	width: 100%;
	}

.splash::before {
	content: '';
	background-image: url('images/WiannoClubhouse.jpg');
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.4;		
	}

#Title {
	position: absolute;
	left: 100px;
	top: 20px;
	font-size: 400%;
	color: red;
	font-weight: bold;
	}
	
#Virtual {
	color: black;
	}
	
#Title2 {
	font-size: 130%;
	}

#Date {
	position: absolute;
	left: 250px;
	top: 250px;
	font-size: 300%;
	}

#Speaker {
	position: absolute;
	left: 800px;
	top: 400px;
	font-size: 200%;
	}
	
.schedule {
	float: left;
	}

.schedule::before {
	content: '';
	background-image: url('images/GolfCourse.jpg');
	background-size: cover;
	position: absolute;
	top: 60px;
	right: 0px;
	bottom: 0px;
	left: 300px;
	opacity: 0.5;		
	}
	
.schedule h1 {
	text-decoration: underline;
	}
	
.schedule dt {
	font-weight: bold;
	}
	
.bio img {
	float: right;
	}

.games table, th, td { 
	border: 2px solid black;
	border-collapse: collapse;
	padding: 10px;
	text-align: center;
	}
	
.games::before {
	content: '';
	background-image: url('images/BlueRoom.jpg');
	background-size: cover;
	position: absolute;
	top: 60px;
	right: 0px;
	bottom: 0px;
	left: 500px;
	opacity: 0.5;		
	}
	
.contacts::before {
	content: '';
	background-image: url('images/Fireplace.jpg');
	background-size: cover;
	position: absolute;
	top: 60px;
	right: 0px;
	bottom: 0px;
	left: 500px;
	opacity: 0.7;		
	}	

#LoginButton {
	position: fixed;
	top: 50%;
	left: 40%;
	background-color: yellow;
	font-size: 96px;
	}