td 
{
    height:30px; 
    width: 50px;
}

table 
{
    text-align: center; 
    vertical-align: middle;
}
.container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
}
.navbar {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #1E2952;
      padding:20px;
    }
    .navbar a {
      color: white;
      text-decoration: none;
      padding: 10px 30px;
      margin: 0 50px;
    }
    .navbar a:hover {
      text-decoration: underline;
      border-radius: 5px;
    }
    .center-text {
      text-align: center; /* Centers the text horizontally */
    }
footer {
    text-align: center;
    padding: 3px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #1E2952;
    color: white;
    }
    .container {
    display: flex;
    flex-direction: column;
    height: 10px;
    width: 100%;
    background-color: #1E2952;
    }
    .bottom-div {
    margin-top: auto;
    }
    .styled-link {
      color: black; /* black color */
      text-decoration: none; /* Removes underline */
      font-weight: bold;
    }

     .styled-link:hover {
     color: none; /* color on hover */
     text-decoration: underline; /* Adds underline on hover */
     }