*
{
  font-family: "Times New Roman", Times, serif;	
  color:white;
  font-size:20px;
  margin:0px;
}

body 
{
  background-image: url("background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

h1
{
  font-family: "Times New Roman", Times, serif;	/* default is different */
  text-align:center;
  font-size:50px;
  color:yellow;
}

h2
{
  font-family: "Times New Roman", Times, serif;	/* default is different */
  font-size:30px;
  color:yellow;
}


a
{
  color:yellow;
}

table, th, td
{
  border: 2px solid yellow;
  border-collapse: collapse;
  padding: 0px 5px 0px 5px; /* padding left and right */
}

.title
{
  position: fixed;
  top: 0px;
  width: 100%;
  text-align:center;
  line-height:65px;
  text-shadow: 2px 2px 2px #ce0e27;
  font-size:60px;
  background-color: DodgerBlue;
  color:#ff33ff;
}

.navbar 
{
  position: fixed;
  top: 65px;
  width: 100%;
  overflow: hidden;
  background-color: #303030;
}

.navbar a 
{
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover 
{
  background: #d0d0d0;
  color: black;
}

.main 
{
  padding: 10px;
  margin-top: 100px;
}

.navselected
{
  background: #ff33ff;
}

.hoftable
{
  width: 70%;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.hoftable caption
{
  color: yellow;
  font-size:26px;
}

.hoftable th
{
  color: #ff33aa;
}