p{
	margin-top: 0%;
}

a{
	color: white;
}

a:hover {
	background-color: lightblue;
}

body{
	background-color: lightblue;
}

/*the size and position of the kendo targets image*/
img{
	width: 35%;
	margin-left: 32.5%;
}

#container{
	height: 98vh;
	background-color: lightblue;
}


/*height, background-color, and border of the titlebox div holding the title text*/
.titlebox{
	height: 9vh;
	background-color: #0d7887;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}

/*fontsize, color, and text-position, of the title text*/
#titletext{
	font-size: 5vw ;
	font-size: 5vh;
	color: white;
	text-align: center;
	padding-top: 0.8%;
}

.navbar{
	height: 4vh;
	background-color: #0e255d;
	margin-bottom: 1%;
	border-right-style: solid;
	border-right-width: 0.25em;
	border-right-color: goldenrod;

	border-left-style: solid;'
	border-left-width: 0.25em;
	border-left-color: goldenrod;

	border-bottom-style: solid;
	border-bottom-width: 0.25em;
	border-bottom-color: goldenrod;
}

.navbox{
	color: white;
	float: left;
	margin-top: .5%;
	margin-left: 12.5%;
	font-size: 2vw ;
	font-size: 2vh;
}


/*size, position, and border of the box holding all the main content about the rules of kendo*/
.contentbox{
	width: 99%;
	background-color: #0d7887;
	margin-bottom: 1%;
	margin-left: .25%;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}

/*color, fontsize, and position of the text explaining the rules of kendo*/
#content{
	color: white;	
	font-size:5vh ;
	font-size:5vh ;
	margin-left: 1.5%;
	margin-top: 3%;
}



.footerbox{
	height: 19vh;
	background-color: #0e255d;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}