/* Reset some Tailwind CSS styles */
body {
    font-family: Arial, sans-serif;
    background-color: #F2F3F5;
  }
  
  .container {
    max-width: 900px;
    margin: 0 auto;
  }
  
  /* Navigation */
  nav {
    background-color: #D6E4AA;
    color: #2C3A47;
  }
  
  nav a {
    color: #2C3A47;
    transition: color 0.3s ease;
  }
  
  nav a:hover {
    color: #1B2631;
  }
  
  /* Heading */
  h1 {
    color: #2C3A47;
    text-align: center;
  }
  
  /* Form */
  form {
    background-color: #f8f9fa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  form label {
    color: #2C3A47;
  }
  
  form input[type="text"],
  form input[type="number"],
  form input[type="file"],
  form select {
    border-color: #D6E4AA;
    transition: border-color 0.3s ease;
  }
  
  form input[type="text"]:focus,
  form input[type="number"]:focus,
  form input[type="file"]:focus,
  form select:focus {
    border-color: #A3B18A;
    box-shadow: 0 0 0 3px rgba(163, 177, 138, 0.5);
  }
  
  form input[type="submit"] {
    background-color: #D6E4AA;
    color: #2C3A47;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  form input[type="submit"]:hover {
    background-color: #A3B18A;
    color: #1B2631;
  }
  
  /* Table */
  table {
    width: 100%;
    border-collapse: collapse;
  }
  
  table thead th {
    background-color: #D6E4AA;
    color: #2C3A47;
  }
  
  table tbody td {
    border: 1px solid #D6E4AA;
  }
  
  table a {
    transition: color 0.3s ease;
  }
  
  table a:hover {
    color: #1B2631;
  }