/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */



body {
  background-color: black;
  color: white;
  font-family: Arial;
  width: auto;
  border:  0.5vh white;
  border-style: hidden hidden solid;
  
}




.header {
  display: flex;
  align-items: center;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  
  color: #fff;
  font-size: 23px;
  width: 95vw;
  justify-content: center;
}

.logo {
  margin-right: 10px; /* Adjust spacing between logo and menu */
}

.logo img {
  height: 50px; /* Adjust height of the logo as needed */
  width: 50px;
}

.menu {
  overflow-x: auto; 
  overflow-y: clip;
  white-space: nowrap; /* Ensure all menu items stay in a single line */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

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

.menu li {
  display: inline-block;
  margin-right: 10px; /* Adjust spacing between menu items */
}

.menu li:last-child {
  margin-right: 0; /* Remove margin from last menu item */
}

.menu a {
  color: #fff;
  text-decoration: none;
  padding: 0px;
}

.menu a:hover {
  background-color: #555;
}

.menu a img {
  height: 20px;
  width: 20px;
 
}


table {
 max-width: 95vw;
  
}

table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
  overflow: auto;
  
}



.sib-form-block p {
  font-family: Arial;
  color: red !important; 
}