.bluetext{
	font-family: ulove, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #0033CC;
	font-weight:bold;
	text-align: center;
	}
.bluetext30{
	font-family: ulove, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #0033CC;
	font-weight:bold;
	text-align: center;
	}
.redtext{
	font-family: ulove, Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#FF0000;
	font-weight:bold;
	text-align: center;
	}
.greentext {
	font-size: 30px;
	color: green;
	font-family: ulove, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	}
.whitetext {
	font-size: 25;
	color: blue;
	font-family: ulove, Impact, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	}
.whitetext35 {
	font-size: 35;
	color: blue;
	font-family: ulove, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
.maintitle {
	font-family: ulove, Impact, Arial, Helvetica, sans-serif;
	font-size: 40;
	color: #3b5906;
	}
a:hover {
	color: black;
}
a:active {
	color: white;
	}
body {
	background-color: #593006;
	background-image: url(whoops.jpg);
	background-repeat: repeat y;
	width: 100%;
	margin: 0;
	}
.maintable{
	background-color: #4A412A;
	width: 800px;
	height: 400px;
	margin-top: -10%;
	border: 3px solid yellow;
	border-radius: 22px;
	align: center;
	}
.lowernavtable{
	background-color: #665646;
	width: 500px;
	height: 75px;
	margin-top: -5%;
	margin-bottom: -5%;
	}
.navbutton{
	border: 2px solid #593006;
	border-radius: 12px;
	box-shadow: 0px 5px 5px #000000;
	text-align: center;
	padding: 10px;
	}
.tablea{
	background-color: #4A412A;
	width: 101%;
	height: 2px;
	border: 0px solid #1c1c1c; 
	margin: -1% -1% -1% -1%;
	text-align: center;
	padding-right: 5px;
	padding-left: 10px;
	box-shadow: 0px 5px 5px #000000;
	}
.tableb{
	background-color: #8b3166;
	width: 100%;
	height: 15px;
	border: 2px blue; 
	margin-bottom: 20px;
	padding: 14px;
	}
.imagehome{
	border-radius: 0%;
	Border: 15px yellow;
	margin-bottom: 50px;
	}
@font-face { font-family: ulove; src: url('ulove.TTF'); } 
	h1 {
		font-family: Blok
		}		
.button {
	background-color: #3b5906;
	background-image: url(uparrow.jpg);
	background-size: 100%;
	border-radius: 50%;
	position: fixed;
	}
.button:hover {
	background-color: #4A412A;
	}
.button:active{
	background-color: red;
	box-shadow: 0 5px #666;
	transform: translateY(18px);
	}

	/* Add a background color to the top navigation */
.topnav {
  background-color: #3b5906;
}
/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  background-color: #4A412A;
  color: #F5F5DC;
  text-align: right;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: ulove;
}
/* Change the color of links on hover */
.topnav a:hover {
  background-color: gray;
  color: white;

}
/* Add a color to the active/current link */
.topnav a.active {
  background-color: brown;
  color: white;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 60px;
}
.btn-group .buttons {
background-color: #4d5d66;
border: 0px solid green;
color: #c8cdd0;
padding: 10px 32px;
text-align: center;
text-decoration: none;
font-size: 25px;
cursor: pointer;
width: 500px;
display: block;
border-radius: 4px;
box-shadow: 0px 3px 4px #000000;
}

.btn-group .buttons:not(:last-child) {
border-bottom: none; /* Prevent double borders */
}

.btn-group .buttons:hover {
background-color: #f89b3a;
}
.btn-group .buttons:active {
transform: translateY(1px);
}

.totop .buttontotop {
background-color: #4d5d66;
background-image: url(uparrow.jpg);
border: 0px solid green;
color: #c8cdd0;
text-align: center;
text-decoration: none;
font-size: 25px;
cursor: pointer;
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0px 3px 4px #000000;
margin: 10px;
}

.totop .buttontotop:not(:last-child) {
border-bottom: none; /* Prevent double borders */
}

.totop .buttontotop:hover {
background-color: #f89b3a;
}
.totop .buttontotop:active {
transform: translateY(1px);
}