body { font-family: 'Nunito', sans-serif; }
    /* Background Slider */
    .slider {
      background-size: cover;
      background-position: center;
      transition: background-image 1s ease-in-out;
    }
    /* Yellow underline effect for active nav item */
    .active-link::after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 25%;
      width: 50%;
      height: 3px;
      background-color: #FFB703;
      border-radius: 2px;
    }
    .active{
      background-color: #023047;
      color: #FFD700;
    }
    .success {
    background-color: #dcfce7;   /* green-100 */
    color: #166534;              /* green-800 */
    border: 1px solid #86efac;   /* border-green-300 */
    padding: 1rem;               /* p-4 */
    border-radius: 0.5rem;       /* rounded */
    margin-bottom: 1rem;         /* mb-4 */
}

.error {
    background-color: #fee2e2;   /* red-100 */
    color: #991b1b;              /* red-800 */
    border: 1px solid #fca5a5;   /* border-red-300 */
    padding: 1rem;               /* p-4 */
    border-radius: 0.5rem;       /* rounded */
    margin-bottom: 1rem;         /* mb-4 */
}