html { height: 100%; }

body {
  margin: 0;              /* remove default body margins to avoid white edges */
  min-height: 100vh;      /* ensure background covers full viewport height */
  font-family: Helvetica;
  background-image: url("../figures/background.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  background-attachment: scroll;
  background-color: #000; /* fallback color behind image to avoid white */
}

form {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-left: 5%;
  margin-right: 5%;
}




table.timing {
  border-collapse: collapse;
  background-color: white;
  width: fit-content; /* shrink to content so auto margins can center */
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;

}

table.timing thead th {
  background-color: #000;
  color: #fff;
}

table.timing th,
table.timing td {
  padding: 2px;
  text-align: center;
  border: 0.5px solid #797979;
}

table.timing tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

table.timing tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

table.timing {
  font-family: Arial, Helvetica, sans-serif;
}


h1, h3{text-align: center}
p, h2{text-align: center; background-color: white; margin-left: 5%; margin-right: 5%; margin-top: 0; margin-bottom: 0; padding-top : 5px; padding-bottom: 5px;}
hr.top {margin-left: 5%; margin-right: 5%; margin-bottom: 0;}
hr.bottom{margin-left: 5% ; margin-right: 5%; margin-top: 0;}
hr {margin-left: 5% ; margin-right: 5%;}
hr.empty {border: none; margin: 10px;}

button{margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px}


.navbar {
    background-color: #1200b1; /* Dark background for the nav bar */
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-right: 5%;
    margin-left: 5%;
}

.nav-list {
    list-style-type: none; /* Remove bullet points */
    margin: 0;
    padding: 0;
    display: flex; /* Aligns list items horizontally */
    justify-content: center; /* Centers the navigation links */
}

.nav-item a {
    display: block; /* Makes the entire link area clickable */
    color: rgb(255, 255, 255); /* Text color */
    text-align: center;
    padding: 14px 20px; /* Spacing within the links */
    text-decoration: none; /* Remove underlines */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
    font-weight: bold;
}

/* Change background color of links on hover */
.nav-item a:hover {
    background-color: #575757;
    color: white;
}