html, body {
 margin: 0;
 padding: 0;
 }
body {
 
   /* Set the background image and positioning */
  background-image: url("../img/bckg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  
  /* Make the image scale fluidly to cover the entire container */
  background-size: cover;
  
  /* Ensure the container fills the entire viewport */
  width: 100%;
  min-height: 100vh;
  
  /* Fixes mobile browser address bar jump issue */
  min-height: 100dvh; 
 font-family: Verdana, sans-serif; 
 font-size: 100%;
 text-align:center;
 }
 
 
 
h1 {
 font-size: 200%; 
 color: #f3f3f3; 
 text-align: center;
 }
h2 {
 font-size: 150%; 
 color: #f5f5f5; 
 padding-left: 15px;
 }
p,ul,li,td {
 color: black; 
 }
a:link {
 color: rgb(255, 255, 255);
 text-decoration: underline;
 }
a:visited {
 color: rgb(230, 230, 230);
 }
a:hover {
 color: rgb(230, 230, 230);
 text-decoration: none;
}
a:active, a:focus {
 color: rgb(203, 217, 218);
}

.item{
	margin-top:25px;
}

.container {
    display: flex;
    justify-content:center;
    align-items: center;
}
li{ 
  display: inline; 
  margin-right: 20px; 
  font-size: 120%;
color:#ffffff}