a:focus {
  outline: 2px solid blue;
}


@media (max-width: 768px) {
  body {
    background-size: contain;
  }
  table {
    width: 100%;
  }
}


:root {
  --primary-color: DarkGoldenRod;
  --secondary-color: green;
  --background-color: white;
}


body {
  background-image: url('images2/hssb.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;


body {
 font: normal 100% Arial, Helvetica, sans-serif;
}
a {
 color: #000000;
}


body {margin:0;}


ul {
 list-style-type: none;
 margin: 0;
 padding: 0;


 background-color: DarkGoldenRod;
 top: 0;
 width: 100%;
}

ul {
 position: fixed;
 top: 0;
 width: 100%;
}



li {
 float: left;
}

li a, .dropbtn {
 display: inline-block;
 color: white;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
 background-color: green;
}

li.dropdown {
 display: inline-block;
}

.dropdown-content {
 display: none;
 position: absolute;
 background-color: LightGray;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
}

.dropdown-content a {
 color: black;
 padding: 12px 16px;
 text-decoration: none;
 display: block;
 text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
 display: block;
}

h1, p, td {
  text-align: center;
  font-family: Arial;
}

img {
  border: none;
}

 </style>