/* https://codepen.io/DuskoStamenic/pen/ZEvBKdw */
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";

body {
  margin: 0;
  font-family: Poppins, sans-serif;
}

.parallax-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  /*  this is where the magic happens:  */
  background-attachment: fixed;
  min-height: 100vh;

  background-image: url("Photo15171.jpg"); 
  background-position: center;
  background-size: cover;
  text-align: center;
}

h1 {
  font-size: 2rem;
}

table, tr, td {
  border:1px solid black;
}
.center {
  display: flex
  justify-content: center;
  text-align: center;
  align-items: center;
}  
body {
  font-family: Verdana, sans-serif;
}

.navtable {
  width: 100%;
}

.bullet {
  opacity: 0;
  font-weight: bold;
  transition: opacity 0.3s ease;
}

.navtable td:hover {
  background-color:lightgray;
  border:1px solid lightslategray;
}
.navtable td a:hover .bullet {
  opacity: 1;
}