p {
	color: green;
	font-size: 15px;
}
.li {
	color: blue;
	font-size: 18px;
}
.cool{
	background-color: black;
	color: white;
	font-size: 1.2em;
}
#body {
	background: linear-gradient(to bottom right, grey, maroon);
	height: 100vh;
}
#button {
	border-radius: 15px;
	color: white;
	background-color: black
}
#banner {
	height:50px;
	margin: 0px;
	width:100%;
	border:5px solid black;
	background-color:#FF9933;
	margin-bottom: 15px;

}
#footer {
	height:50px;
	color: black;
	margin: 0px;
	width:100%;
	border:5px solid black;
	background-color:#FF9933;
}
.list {
	width: 40%;
	border-radius: 10px;
	border: 5px dashed green;
	background-color: grey;
}
.trivia {
	height: 220px;
	width: 450px;
	border: 5px double yellow;
	background-color: white;
	padding: 50px;
}
.name {
	font-size: 1.2em;
	color: black;
}
#one {
height: 150px;
width: 150px;
background-color: blue;
display: inline-block;
position: fixed;
left: 45%;
top: 45%;
}

#two {
height: 150px;
width: 150px;
background-color: pink;
display: inline-block;
position: absolute;
z-index: 1;
}

#three {
height: 150px;
width: 150px;
background-color: black;
display: inline-block;
position: relative;
top: 750px;
z-index: 2;
}
.navitem {
list-style-type: none;
display: inline;
margin-right: .3em;
padding: 2px 5px;
}
#navmenu {
text-align: center;
background-color: blue;
color: #FFFFFF;
}
a:link {
color: white;
}
a:link:visited {
color: white;
}
.rightside {
float:right;
width:48%;
}
.leftside {
width:48%;
}
.clearfloat {
clear:both;
}