body {
      font-family: Arial, Helvetica, sans-serif;
      background: #ffffff;
      color: rgb(0, 0, 0);
      margin: 0;
      padding: 0;
      text-align: center;
    }


    h1 {
      font-size: 2.5rem;
      text-align: center;
      color: #1d4f2b;
      margin-bottom: 50px;
      font-style: italic;
    }

    h2 {
      color: #2f7f45;
      margin-top: 30px;
      margin-bottom: 10px;
    }

    hr {
      border: none;
      border-top: 1px solid #e0e0e0;
      margin: 30px 0;
    }

    /* table */
    table {
      width: 60%;
      border-collapse: collapse;
      margin: auto;
      margin-top: 10px;      
    }

    caption {
      caption-side: top;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 10px;
      color: #000000;
    }

    th, td {
      border: 1px solid #d3e3d3;
      padding: 10px 8px;
      text-align: left;
      font-size: 1rem;
    }
    /* change for table header */
    th {
      background: #e6f4ea;
      color: #2f5f3a;
    }

    tr:hover td {
      background: #eaf8ee;
    }

    /* Form */
    form {
      margin-top: 100px;
      margin: auto;
      width: 40%;
    }

    .form-group {
      margin-bottom: 15px;
    }

    label {
      font-weight: 600;
      display: block;
      margin-bottom: 4px;
      color: #244;
    }
    .option1 {
      display: flex;
      gap: 50px; 
      flex-wrap: wrap; 
      justify-content: center
    }
    .option1 label {
      display: flex;
      align-items: center;
    }

    .option2 {
      display: flex;
      gap: 20px; 
      flex-wrap: wrap; 
      justify-content: center
    }
    

    input[type="text"],
    select,
    textarea {
      width: 100%;
      padding: 8px 10px;
      border-radius: 6px;
      border: 1px solid #c8dccc;
      font-size: 0.95rem;
      box-sizing: border-box;
      transition: border 0.2s, box-shadow 0.2s;
      background: #fdfefc;
    }

    input[type="text"]:focus,
    select:focus,
    textarea:focus {
      outline: none;
      border-color: #3da35d;
      box-shadow: 0 0 0 2px rgba(61, 163, 93, 0.18);
      background: #ffffff;
    }

    /* Checkboxes & radios line style */
    .inline-options {
      margin-top: 4px;
    }

    .inline-options label {
      font-weight: 400;
      display: inline-block;
      margin-right: 12px;
    }

    /* Button */
    button {
      background: #3da35d;
      color: #ffffff;
      border: none;
      padding: 10px 18px;
      font-size: 1rem;
      border-radius: 999px;
      cursor: pointer;
    }

    button:hover {
      background: #348a4f;
    }


    /* Small note text */
    .note {
      font-size: 1rem;
      color: #667;
    }