/* styles.css */

body {
  background-color: #888888;
  font-family: Arial, sans-serif;
}

table {
  width: 80%;
  margin: auto;
  background-color: #ffffff;
  padding: 20px;
  margin-top: 20px;
  border-radius: 10px;
}

h1 {
  text-align: center;
  color: #333333;
}

p {
  text-align: justify;
  line-height: 1.5;
}
strong {
  color: #0066cc; /* Your desired shade of blue */
}
header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

#logo {
    max-width: 100px;
    max-height: 100px;
    margin-right: 10px; /* Add some right margin for spacing */
}

h1 {
    text-align: center;
    margin-left: auto; /* Push the h1 to the center by taking up remaining space */
    margin-right: auto; /* Push the h1 to the center by taking up remaining space */
}


/* Style for regular links */
a {
    color: #3498db; /* Link color */
    text-decoration: none; /* Remove default underline */
    transition: color 0.3s; /* Smooth transition for color changes */
}


/* Style for links in navigation menus */
.nav-link {
    color: #0066cc;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

.nav-link:hover {
    background-color: #2c3e50;
    color: #ecf0f1;
}